HTML文件框架各个部分的含义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>The First Page</title>
</head>
<body>
</body>
</html>第一行的！DOCTYPE html是HTML5的文件类型声明
第二行代表页面语言为英语，如果将en换成cn则说明目前页面的语言是中文。
HTML文档主要分为三部分，分别是head body foot，head为文档的头部，主要用来声明一些相关内容，整个网页的内容都在body部分当中，而foot部分则是页脚的一些声明。
UTF-8说明了文档使用的编码为万国码，下面则标明了页面的默认大小等内容，title中的内容是网页名称。
在HTML当中大部分的标签都是双标签，单标签的有img图片标签，br换行标签，hr分割线标签。
双标签有div，span，p，video，h1——h6，a标签等。
div标签是块级元素标签，特点是独占一行，高度由内部内容撑起（也可以通过height属性来控制高度)div的属性有id，class，title等。id是这个块级元素的唯一标识，建议不要和其他元素的id相同。class在后期设计css样式的时候会用到，title则是在鼠标停留在对应的div处时会显示的一行文字。
但是默认的样式很丑，不推荐使用。这几个属性基本上是所有的元素都有的。
关于span这个标签，这个标签的特点是不是独占一行。如果将div标签和span标签做一个对比的话，div就是一个大盒子，而span只是一个小盒子。但是div和span的共同点在于两人都是一个盒子，本身不带任何内容，都是为了装内容而存在的。
关于h1——h6的标题。
这几个标签其实就是已经设计好了固定样式的div盒子，字号由大到小。但是这个值得一提的是，在我们在搜索引擎当中搜索一些数据的时候，搜索引擎会首先检索title标签里面的内容，然后再依次检索h1——h6里面的内容。而检索的结果会影响我们的页面在搜索引擎搜索结果当中的顺序。所以这个标签在我们实际应用的时候还是非常重要的。
p标签通常使用于段落与段落之间，好处是可以使得段间距与行间距之间有很大的差距，使得段落布局更加自然美观。
video标签用于插入音频，不过现在大部分在线的视频使用video标签来插入已经不行了，一般我们插入来自其他网站的视频的时候更多的使用iframe标签来进行一个嵌入操作。但是video标签在插入本地视频的时候依旧好用。
a标签是连接标签，用于插入连接，我们可以将它连接到我们本地页面，也可以连接到外部链接，值得一提的是，如果连接外部链接的话要注意尝试一下能否打开对应的链接，以及网址要打全，前面加上https：//。a标签还有一个用法是发送邮件，属性为tomailemail@email.com
943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
