什么是标签语义化?
简单理解,就是根据分析内容的结构,选择合适的标签。常见的语义化标签有:
<header></header>
用于定义文档或页面的头部
<nav></nav>
导航栏(无序列表)
<section></section>
分区、文档的部分区块(有语义化的div)
<main></main>
文档主体区域
<artical></artical>
主要内容
<aside></aside>
侧边栏
<footer></footer>
文档或页面底部(可以用来包含文档的版权信息或友情链接等)
标签语义化有什么意义?
方便代码的阅读和后期维护
提高用户体验,比如img标签中的 title、alt属性,能够用于解释图片信息等
使用语义化标签,有利于SEO搜索引擎优化,提高网站的搜索排名
便于浏览器或是网络爬虫更好地解析网站内容