一阶段已经结束，二阶段的学习也进行了一周多了，在这一个多月时间里，我学到了很多知识，专业技能有了很大的提升，千锋郑州Web前端培训班的老师很专业也很负责，我每天都有新的收获，也认识了很多的同学，过得很开心，也很充实。

　　在一阶段我们主要学了页面布局，包括PC端和移动端两大方面，也写了很多页面，接下来我就分享一下在学习HTML5语义时如何快速理解和掌握标签，以下是新增的语义标签：

　　title：简短、描述性、唯一(提升搜索引擎排名)。

　　hn：h1-h6分级标题，用于创建页面信息的层级关系。

　　header：页眉通常包括网站标志、主导航、全站链接以及搜索框。

　　nav：标记导航，仅对文档中重要的链接群使用。

　　main：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

　　article：包含像报纸一样的内容= =||是这么理解的，表示文档、页面、应用或一个独立的容器。

　　section：具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。

　　aside：指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。

　　footer：页脚，只有当父级是body时，才是整个页面的页脚。

　　small：指定细则，输入免责声明、注解、署名、版权。

　　strong：表示内容重要性。

　　em：标记内容着重点(大量用于提升段落文本语义)。

　　mark：突出显示文本(yellow)，提醒读者。

　　figure：创建图(默认有40px左右margin)。

　　figcaption：figure的标题，必须是figure内嵌的第一个或者最后一个元素。

　　cite：指明引用或者参考，如图书的标题，歌曲、电影、等的名称，演唱会、音乐会、规范、报纸、或法律文件等。

　　blockquote：引述文本，默认新的一行显示。

　　q：短的引述(跨浏览器问题，尽量避免使用)。

　　time：标记时间，datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。

　　abbr：解释缩写词，使用title属性可提供全称，只在第一次出现时使用就ok。

　　dfn：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。

　　address：作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)。

　　del：移除的内容。

　　ins：添加的内容。

　　code：标记代码，包含示例代码或者文件名 。

　　pre：预格式化文本，保留文本固有的换行和空格。

　　progress：完成进度，可通过js动态更新value。

　　语义化标签就是尽量使用有相对应的结构的含义的HTML的标签结构更好，它必须成对出现，有利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高，因为结构清晰,seo易于阅读) ，有利于特殊终端的阅读(手机、个人助理等)。

　　二阶段无论是从学习内容还是学习难度上都有所增加，可以说是挑战的开始，但是对知识的追求和未来的期盼让我战胜了对它的恐惧感，在接下来的学习中我一定会加油。上天眷顾勇者，这句话送给自己以及各位一起拼搏过的同学，希望每个人最后得到的结果都是自己所盼望的样子!

上一篇

大数据入门知识有哪些 千锋郑州老师帮你分析

下一篇

郑州大数据开发学校：大数据书籍推荐