HTML基本结构

Mr.ZhaoAbout 2 min

每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写

标签名定义说明
<html></html>HTML 标签页面中最大的标签，我们称为根标签
<head></head>文档的头部注意在 head 标签中我们必须要设置的标签是 title
<title></title>文档的标题让页面拥有一个属于自己的网页标题
<body></body>文档的主体元素包含文档的所有内容，页面内容基本都是放到 body 里面的
<!DOCTYPE html>
<html lang="en">
	<head>
	  <meta charset="UTF-8">
	  <title>Document</title>
	</head>
	<body>
	</body>
</html>
  1. 想要呈现在网页中的内容写在 body 标签中
  2. head 标签中的内容不会出现在网页中
  3. head 标签中的 title 标签可以指定网页的标题

1. HTML文档声明

<!DOCTYPE html> 文档类型声明标签, 告诉浏览器这个页面采取 HTML 5 版本来显示页面

注意：

  1. 声明位于文档中的最前面的位置，处于 <html> 标签之前
  2. 不是一个 HTML 标签，它就是文档类型声明标签

2. HTML设置语言

用来定义当前文档显示的语言：

  1. en 定义语言为英语
  2. zh-CN 定义语言为中文

主要作用：让浏览器显示对应的翻译提示；有利于搜索引擎优化

简单来说, 定义为 en 就是英文网页, 定义为 zh-CN 就是中文网页

其实对于文档显示来说，定义成 en 的文档也可以显示中文，定义成 zh-CN 的文档也可以显示英文

3. HTML 字符编码

  1. 字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字
  2. 在 <head> 标签内，可以通过 <meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码
  3. <meta charset="UTF-8" />
  4. charset 常用的值有：GB 2312 、BIG 5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符
  5. 注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的 "UTF-8"，不要写成 "utf 8" 或 "UTF 8"