本文是关于HTML5的基本结构标签的学习笔记，包括<!DOCTYPE>文档声明、lang属性定义语言、字符集<meta charset>的设置以及标题<h1> - <h6>和段落<p>、换行<br />的语义和使用方法。强调了标签的语义化在网页结构清晰度中的重要性。
HTML基本结构标签：
- 基本标签也称为骨架标签，页面内容也是在这些基本标签上书写。
| 标签名 | 定义 | 说明 |
| <html> </html> | HTML标签 | 页面中最大的标签，我们称为根标签 |
| <head> </head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
| <title> </title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
| <body> </body> | 文档的主体 | 元素包含文档的所有内容，页面内容基本都是放到body标签里面的 |
HTML文档的后缀名必须是.html或.htm，浏览器的作用是读取HTML文档，并以网页的形式显示出它们。
基本结构标签总结：
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
主体内容
</body>
</html>
- VSCode工具生成骨架标签新增代码
(1)<!DOCTYPE>文档类型声明标签，作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html> 这句代码的意思是：当前页面采用HTML5版本来显示网页
注意：
- <!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。
- <!DOCTYPE>不是一个HTML标签，它就是文档声明标签。
(2)lang 用来定义当前文档显示的语言种类
<html lang=’en’> 定义语言为英文
<html lang=’zh-CN’> 定义语言为中文
简单来说定义为en就是英文网页，定义为zh-CN就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文，定义zh-CN的文档也可以显示英文，这个属性对于浏览器和搜索引擎（百度，谷歌等）还是有用的
- 字符集
字符集（Character set）是多个字符的集合。
以便计算机能够识别和储存各种文字，在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset=’UTF-8’ />
charset常用的值有：GB2312、BIG5、GBK和UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。
注意：上面的语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的“UTF-8”，不要写成“utf8”或“UTF8”。
标签语义
学习标签的重点就是记住每个标签的语义，简单理解就是指标签的含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。
HTML常用标签
标题标签<h1> - <h6>（重要）
为了使页面更具有语义化，我们经常会在页面中用到标题标签。HTML提供了六个等级的网页标签，即<h1> - <h6>。
<h1>一级标签</h1>
单词head的缩写，意为头部、标题。
标签语义：作为标题使用，并且依据重要性递减。
特点：1.加了标题的文字会加粗，字号也会随之依次变大。
2.一个标题独占一行。
记忆：标题一共六级选，文字加粗一行显；
由大到小依次减，从重到轻随之变；
语法规范书写后，保存刷新效果见。
段落和换行标签（重要）
在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在HTML标签中，
<p>标签用于定义段落，它可以将整个网页分为若干个段落。
<p> 我是一个段落标签 </p>
单词paragraph的缩写，意为段落
标签语义：可以把HTML文档分为若干个段落。
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才会自动换行。如果希望某段文本强制换行显示，就需要换行标签<br />。
<br />
单词break的缩写，意为打断、换行。
标签语义：强制换行。
特点：
- <br />是个单标签
- 2.<br />标签只是简单地开始新一行，跟段落不一样，段落之间会插入一些垂直的间距。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
