摘要：语义化简单来说，我们可以理解为用正确的标签做正确的事情。正确使用语义标签可以带来很多好处。一些语义类标签介绍用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。表示小时制时间。表示术语的一个定义。
HTML 语义化</>复制代码
本文最初于 2018-09-21 发布于 知乎 ，后在 《重学前端》 专栏的学习中，重新复习整理，发布于 Github 上，并计划写一系列前端学习相关的文章。欢迎 star 。
简单来说，我们可以理解为：用正确的标签做正确的事情。
例如：
段落用 p 标签，标题用 h 系列标签，边栏用 aside 标签，主要内容用 main 标签。正确使用语义标签可以带来很多好处。
为什么要关注 HTML 语义化？（为什么要使用语义类标签？）对人：
增强可读性，对开发者更友好，在没有 CSS 的情况下也能较好地呈现网页的内容结构与代码结构，便于团队的开发和维护。
对机器：
有利于 SEO ，可以让搜索引擎爬虫更好地获取到更多有效信息，搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重，有效提升网页的搜索量。
支持读屏软件，方便其他设备的解析（如屏幕阅读器、盲人阅读器等），利于无障碍阅读，提高可访问性。
一些语义类标签介绍用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/53803.html
相关文章
-
快速理解web语义化
摘要：代码示例语义化语义化语义化语义化语义化年月日小维语义化标签包括还有等。而没有语义化的元素如则推荐使用。语义化包含了标签语义化和命名语义化。
什么是Web语义化
Web语义化是指使用恰当语义的html标签、class类名等内容，让页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内...
-
我眼中的Web 语义化
摘要：语义化的页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析，结果为人类所用另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器如果访客有视障能够读懂内容。
我眼中的Web 语义化
web语义化是什么？
Web语义化，使用语义恰当的标签，可以让页面具有良好的结构，页面元素具有良好的含义，从而让人和机器都能快速理解。语义化的...
-
我眼中的Web 语义化
摘要：语义化的页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析，结果为人类所用另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器如果访客有视障能够读懂内容。
我眼中的Web 语义化
web语义化是什么？
Web语义化，使用语义恰当的标签，可以让页面具有良好的结构，页面元素具有良好的含义，从而让人和机器都能快速理解。语义化的...
-
如何理解语义(semantic)化？
摘要：逻辑学的语义学着眼点在于逻辑系统的语义解释，是一个理想化的模型系统，不直接涉及自然语言。例如，通过帮助临床研究中的决策，语义技术将跨机构桥接多种形式的生物和医学信息。
showImg(https://segmentfault.com/img/bVbrJYw?w=758&h=420);
前端工程师的招聘中，经常有这样的要求：对Web 语义化有深刻理解。那么到底什么才是深刻理解Web语义化...
发表评论
0条评论
maochunguang
男|高级讲师
TA的文章
阅读更多
Java基础语法笔记
阅读 1379·2021-09-04 16:41
AHJCDN：免备案CDN，无视DDOS/CC攻击的CDN，香港/美国GIA高速节点，提供免费套餐
阅读 2596·2021-09-02 10:18
Yoshino: 一个基于React的可定制化的PC组件库
阅读 1005·2019-08-29 16:40
html&css面试笔记
阅读 2697·2019-08-29 16:14
Visual Studio Code 装饰器提示“experimentalDecorators”的解
阅读 1051·2019-08-26 13:41
使用node打造自己的命令行工具方法教程
阅读 1380·2019-08-26 12:24
今天，我明白了JS事件循环机制
阅读 811·2019-08-26 10:24
JavaScript 中的 forEach 源码
阅读 2953·2019-08-23 17:54
最新活动
阅读需要支付1元查看
<