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