语义化分为俩大类:
内容语义化:根据内容的结构化
代码语义化:选择合适的标签来做对应的事
语义化的优点:
1.对机器较为友好,带有语义的文字表现力丰富
2.更适合搜索引擎的爬虫爬取有效信息,有利于SEO
3.语义类还支持读屏软件,根据文章可以自动生成目录
2.对开发者较为友好,语义类标签增强了可读性,结构更加清晰,我们可以清晰看出网页的结构,便于团队的开发与维护
eg:
常见语义化标签:
//头部标签
<header></header>
//导航标签
<nav></nav>
//区块-是一个有语义化的div标签
<section></section>
//主要区域
<main></main>
//主要内容
<article></article>
//侧边栏
<aside></aside>
//底部标签
<footer></footer>