html5的特点:语义化标签
语义化标签就是尽量使用有相对应的结构的含义的html的标签
1.结构更好,更利于搜索引擎的抓取(seo的优化)和开发人员的可维护(可维护性更好,因为结构清晰,so易于阅读)
2.更有利于特殊终端的阅读(手机,个人助理等)
尽量用有结构含义的,少用无语义的,如《span》,《div》无意义,看不出是什么东西,可是《address》一看就知道这里面的是地址,
em标签一看就终端这个是强调的内容,区分与不同内容。
语法:《header》
说明:header元素表示页面中一个内容区块或者整个页面的标题
语法:《footer》
说明:footer元素表示整个页面或者页面中的一个内容区块的脚注。
一般来说,他会包含创作者的姓名、创作日期以及创作者联系信息。
语法:《article》
说明:article元素表示页面中的一块与上下文不想管的独立内容
譬如博客中的一篇文章或者报纸中的一篇文章。
语法:《aside》
说明:aside元素表示acticle元素的内容之外的,与aside元素的内容
相关的辅助信息。
语法:《section》
说明:section元素表示页面中的一个内容区块,比如章节、页眉
页脚或页面中的其他重要部分。它可以与h1~h6等元素结合起来使用
标示文档结构
语法:《nav》
说明:nav元素表示页面中导航链接的部分
语法:《figure》
说明:
figure元素表示一段独立的流内容,一般表示文档主体流内容中的一个
独立单元。使用figcaption元素为figure元素添加标题
figure是一种元素的组合,带有可选标题。用来表示网页上一块独立
的内容。
figcaption表示figure的标题。从属于figure,并且figure中只能放置
一个figcaption。
语法:《mark》
说明:
mark元素主要用来在视觉上向用户呈现那些需要突出显示或者高亮显示的文字
mark元素的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词