面试官-你知道最基础的网页结构吗？

2021-10-08 158 阅读1分钟

简介

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

案例分析

<!DOCTYPE html><!-- 声明为HTML5文档 --> 
<html lang="en"><!-- 超文本标记语言声明 -->
<head><!-- 头部元素 -->
    <meta charset="UTF-8"><!-- 设置当前文本解析字符编码 -->
    <title>基本结构</title><!-- 标题元素 -->
</head>
<body><!-- 可见的页面内容 -->
<h1>
    我的第一个标题
</h1>
<p>
    我的第一个段落
</p>
</body>
</html>

<!DOCTYPE html>声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

什么是html？

HTML 是用来描述网页的一种语言

HTML 指的是超文本标记语言: HyperText Markup Language
一种标记语言
标记语言是一套标记标签
标记语言用来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

最基础的网页结构？

<!DOCTYPE html>
<html lang="en">
<head>
    <title>基本结构</title>
</head>
<body>
网页中展示的内容（我们可以看到的部分）
</body>
</html>

总结

我们记住这个最基本的结构可以把这个结构想象成一棵树： <html>树的根 <head>树的主干 <body>树的枝叶将抽象的内容与常见的树木类比有利于加深我们对知识的记忆。