1、<html lang="zh-CN"> 作用：主要是告知各个浏览器所用的字符集，如果没有该字符集，浏览器就按各自默认的字符来显示，这样各个浏览器的显示结果就可能不一样。
CSS-hack： 由于不同的浏览器对css的解析认识不一样，因此会导致生成的页面效果不一样。
栗子：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>这是一个完整的网页结构标签</title>
</head>
<body>
<p>欢迎光临我的网页</p>
</body>
</html>上述例子不加<html lang="zh-CN">时，如果用IE10打开会显示一堆乱码，加上这句之后就正常显示了。
2、HTML5新增结构标签
一个普通的页面一般会有头部，导航，文章内容，还有附着的右边栏，底部等模块。
- header标签
用于定义文档的页眉，通常是一些引导和导航信息。header标签至少包含（但不局限于）一个标题标记（<h1>-<h6>）,还可以包括其他标签，如表格，列表，表单，nav标签等。
- nav标签
代表页面的一个部分，是一个可以作为页面导航的链接组，其中的导航元素链接到其他页面或者当前页面的其他部分，使HTML代码在语义化方面更加精确，同时对屏幕阅读器等设备的支持也更好。
- article标签
代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容。他可以是一篇博客或报刊中的文章，一篇论坛帖子，一段用户评论或独立的插件，或其他任何独立的内容。除了内容部分，一个article标签通常有他自己的标题（一般放在一个header元素里面），有时还有自己的脚注。
- section标签
用于定义文档中的节，如章节，页眉，页脚，或文档中的其他部分。一般用于成节的内容，会在文档流中开始一个新的节。他用来表现普通的文档内容或应用区块，通常由内容及标题组成。
- aside标签
aside标签用来描述与文档主体内容不相关的内容。比如，博客文章用article标签，而博客旁边的文章信息栏（作者头像，博文分类，作者等级等和博客正文内容无关的）用aside。
- footer标签
用于定义section或document的页脚。在典型情况下，该元素会包含创造者的姓名，文档的创作日期以及联系信息。他和header标签的使用基本一样，可以在一个页面中多次使用，如果在一个区段的后面加入footer,那么他就相当于该区段的页脚。
| <h1>-<h6> | 标题标签：一级标题到六级标题 |
| <p> | 段落标签 |
| <div> | 通用块元素：可以把文档分割为独立的，不同的部分。其不与任何格式相关联。 |
| <span> | 通用内联元素：用来组合文档中的行内元素。即一行内可以被<span>划分成好几个区域，从而实现某种特定效果。 |
| <ul> | 无序列表：用来将“标签内容”以列表的方式显示，列表项目无先后顺序之分，也没有编号。 列表内的数据项以<li>元素来列举，<ul>元素标签中的<li>元素项目数据默认会加上一个圆点符号。 |
| <ol> | 有序列表：用来将“标签内容”以列表的方式显示，有先后顺序之分，有顺序编号。 列表内项目内容是以<li>元素来列举，<ol>元素标签中的<li>元素项目内容默认会顺序加上1,2,3，，，的数字编号。 |
| <ol> <li>首页</li> <li>软实力技能提升介绍 <ul> <li>教学设计</li> <li>行动导向教学</li> <li>专业方向调整</li> </ul> </li> </ol> |
嵌套列表：当一个列表内容还有细分的列表时，就需要嵌套一个列表进去。同样是在<li>标签中放入<ul>或<ol>标签。 效果：
|
| 常见的短语元素 | |
| 内容<br/>内容 | 让文本强制换行 |
| <strong>内容</strong> | 强调文本，加粗显示 |
| <em>内容</em> | 强调标签，字体被加斜体效果 |
| <sup>内容</sup> | 上标标签 |
| <sub>内容</sub> | 下标标签 |
| <mark>内容</mark> | 记号文本，高亮显示 |
知识的广度和深度同等重要，当一个人知识的广度达到一定程度时，俩个知识广度不同的人看同一个东西看到的是不一样的，有经验的人会按照自己以往的经验来有选择性的去看待，扩宽自己的知识面，与此同时也要提升自己的知识深度，多看书可以让知识成体系，只管努力好了，剩下的交给时间。