前端开发规范手册

浏览22242
更新时间2022-04-13

语义化

没有 CSS 的 HTML 是一个语义系统而不是 UI 系统。

通常情况下,每个标签都是有语义的,所谓语义就是你的衣服分为外套, 裤子,裙子,内裤等,各自有对应的功能和含义。所以你总不能把内裤套在脖子上吧。-- 一丝

此外语义化的 HTML 结构,有助于机器(搜索引擎)理解,另一方面多人协作时,能迅速了解开发者意图。

常见标签语义

QQ截图20170206111258.png

示例

将你构建的页面当作一本书,将标签的语义对应的其功能和含义;

  • 书的名称:<h1>
  • 书的每个章节标题: <h2>
  • 章节内的文章标题: <h3>
  • 小标题/副标题: <h4> <h5> <h6>
  • 章节的段落: <p>

更多语义化的内容,参考 sofish 写的文章 这样去写你的 HTML。

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221969次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624615次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240747次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397493次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623373次学习

收藏
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号