什么是html语义化?
HTML语义化就是用正当、正确的标签来展现内容。
比方咱们在指定一些标签的时候,如div、span,咱们并不知道其定义的内容类型,但当咱们用h1-h5标签,咱们晓得这是定义的一级题目,table咱们晓得定义的是表格,img咱们晓得定义的是图片。
语义化的长处
- 易于用户浏览,款式失落的时候能够让页面出现清晰的构造。
- 有利于seo,搜索引擎依据标签来确定上下文和各个关键字的权重
- 不便其余设施监解析,如盲人阅读器依据语义渲染网页
- 有利于开发和保护,语义化更具备可读性,代码更好保护,与CSS3关系更加谐和
主题构造
次要的语义化标签及含意
标签名 | 具体解释 |
---|---|
<header> | <header>标签定义文档或者文档局部区域的页眉,次要用作搁置介绍性内容的容器。 |
<nav> | <nav>用来定义导航链接块,但并不是所有的链接都该当位于nav块中 |
<main> | <main>用来定义文档的次要内容(一个文档中只能有一个) |
<article> | <article>定义独立的自蕴含内容,如文档、博客、用户提交的评论等 |
<aside> | <aside>定义页面次要内容之外的某些内容,如侧边栏或嵌如内容(分类) |
<footer> | <footer>定义文档的页脚,如版权信息,联系方式等 |
<section> | <section>示意文档的一个区域。 |