对HTML语义化的理解

概念

语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)。通俗来讲就是用正确的标签做正确的事情。

使用语义化的优点

  1. 代码结构清晰,方便阅读,有利于团队合作开发。

  2. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。

  3. 有利于搜索引擎优化(SEO)。

常见的语义化标签

header:定义文档的页眉(头部);

nav:定义导航链接的部分;

article:定义文章内容;

section:定义文档中的节(section、区段);

aside:定义其所处内容之外的内容(侧边);

footer:定义文档或节的页脚(底部);

 

 

posted @   yeqi7  阅读(98)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示