共计 551 个字符,预计需要花费 2 分钟才能阅读完成。
什么是 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> 示意文档的一个区域。 |
正文完