1.什么是语义化标签

语义化是指对某件事或某个东西的含义有正确直观的解释,那么在HTML中,语义化标签就是指这个标签本身直观表达出了它所包含的内容是什么。

2.语义化标签的好处

  • 代码结构得到了优化,即使没有css,也能呈现出完整、清晰的结构,更加方便阅读和理解,同时提高了团队合作的效率
  • 有利于搜索引擎的优化
  • 爬虫依赖标签确定关键字的权重,可以帮助爬虫爬出更多有效信息
  • 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页

3.常见的语义化标签

  • < h1>~< h6>标签:标题标签,h1等级最高,h6等级最低
  • header元素:用于定义页面的介绍展示区域,通常包括网站logo、主导航、全站链接以及搜索框
  • nav元素:定义页面的导航链接部分区域
  • main元素:定义页面的主要内容,一个页面只能使用一次。
  • article元素:定义页面独立的内容,它可以有自己的header、footer、sections等
  • section元素:元素用于标记文档的各个部分,例如长表单文章的章节或主要部分
  • aside元素:一般用于侧边栏
  • footer元素:文档的底部信息
  • small元素:呈现小号字体效果
  • strong元素:用于强调文本
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐