HTML语义化标签:

1.HTML语义化标签:

语义化标签,就是让标签有语义的含义,让浏览器或搜索引擎直观的认识这个标签所传达的信息,是干什么的有什么作用。

过去采用的DIV+CSS的方式布局的页面,让DIV标签没有独特意义,就会让文档结构不清晰,也不会利于浏览器对页面的读取。所以HTML5 新增的很多语义化标签,使文档更具可读性,页面结构更清晰。

2.常用的语义化标签:

<header></header>:头部标签

<nav></nav>:导航栏

<section></section>:区块

<aside></aside>:侧边栏

<footer></footer>:底部标签

3.语义化标签的优点:

①在去掉CSS样式时,也能合理的展示出来页面的结构。它的优点就在于能更好的读取页面结构,也利于开发和维护。

②代码结构清晰,可读性高,便于团队开发和修改。

③对搜索引擎良好,良好的语义和结构,有助于爬虫获取更多有效的信息。

猜你喜欢

转载自blog.csdn.net/weixin_70443954/article/details/128042544