关于html5:HTML语义化每天一个知识点

64次阅读

共计 551 个字符,预计需要花费 2 分钟才能阅读完成。

什么是 html 语义化?

HTML 语义化就是用正当、正确的标签来展现内容。
比方咱们在指定一些标签的时候,如 div、span,咱们并不知道其定义的内容类型,但当咱们用 h1-h5 标签,咱们晓得这是定义的一级题目,table 咱们晓得定义的是表格,img 咱们晓得定义的是图片。

语义化的长处

  1. 易于用户浏览,款式失落的时候能够让页面出现清晰的构造。
  2. 有利于 seo,搜索引擎依据标签来确定上下文和各个关键字的权重
  3. 不便其余设施监解析,如盲人阅读器依据语义渲染网页
  4. 有利于开发和保护,语义化更具备可读性,代码更好保护,与 CSS3 关系更加谐和

主题构造

次要的语义化标签及含意

标签名 具体解释
<header><header> 标签定义文档或者文档局部区域的页眉,次要用作搁置介绍性内容的容器。
<nav><nav> 用来定义导航链接块,但并不是所有的链接都该当位于 nav 块中
<main><main> 用来定义文档的次要内容(一个文档中只能有一个)
<article><article> 定义独立的自蕴含内容,如文档、博客、用户提交的评论等
<aside><aside> 定义页面次要内容之外的某些内容,如侧边栏或嵌如内容(分类)
<footer><footer> 定义文档的页脚,如版权信息,联系方式等
<section><section> 示意文档的一个区域。

正文完
 0