资讯专栏INFORMATION COLUMN

HTML 语义化

maochunguang / 3365人阅读

摘要:语义化简单来说,我们可以理解为用正确的标签做正确的事情。正确使用语义标签可以带来很多好处。一些语义类标签介绍用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。表示小时制时间。表示术语的一个定义。

本文最初于 2018-09-21 发布于 知乎 ,后在 《重学前端》 专栏的学习中,重新复习整理,发布于 Github 上,并计划写一系列前端学习相关的文章。欢迎 star 。
HTML 语义化

简单来说,我们可以理解为:用正确的标签做正确的事情。

例如:

段落用 p 标签,标题用 h 系列标签,边栏用 aside 标签,主要内容用 main 标签。正确使用语义标签可以带来很多好处。

为什么要关注 HTML 语义化?(为什么要使用语义类标签?)

对人:

增强可读性,对开发者更友好,在没有 CSS 的情况下也能较好地呈现网页的内容结构与代码结构,便于团队的开发和维护。

对机器:

有利于 SEO ,可以让搜索引擎爬虫更好地获取到更多有效信息,搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重,有效提升网页的搜索量。

支持读屏软件,方便其他设备的解析(如屏幕阅读器、盲人阅读器等),利于无障碍阅读,提高可访问性。

一些语义类标签介绍

用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。

表示最近一个章节内容或者根节点元素的页脚。通常出现在尾部,包含一些作者信息、相关链接、版权信息等。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53803.html

相关文章

  • 快速理解web语义

    摘要:代码示例语义化语义化语义化语义化语义化年月日小维语义化标签包括还有等。而没有语义化的元素如则推荐使用。语义化包含了标签语义化和命名语义化。 什么是Web语义化 Web语义化是指使用恰当语义的html标签、class类名等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内...

    LiveVideoStack 评论0 收藏0
  • 我眼中的Web 语义

    摘要:语义化的页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器如果访客有视障能够读懂内容。 我眼中的Web 语义化 web语义化是什么? Web语义化,使用语义恰当的标签,可以让页面具有良好的结构,页面元素具有良好的含义,从而让人和机器都能快速理解。语义化的...

    zhichangterry 评论0 收藏0
  • 我眼中的Web 语义

    摘要:语义化的页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息,从而可以读懂网页的内容,然后将收集汇总的信息进行分析,结果为人类所用另一方面它可以让开发人员读懂结构和用户以及屏幕阅读器如果访客有视障能够读懂内容。 我眼中的Web 语义化 web语义化是什么? Web语义化,使用语义恰当的标签,可以让页面具有良好的结构,页面元素具有良好的含义,从而让人和机器都能快速理解。语义化的...

    ChanceWong 评论0 收藏0
  • 如何理解语义(semantic)

    摘要:逻辑学的语义学着眼点在于逻辑系统的语义解释,是一个理想化的模型系统,不直接涉及自然语言。例如,通过帮助临床研究中的决策,语义技术将跨机构桥接多种形式的生物和医学信息。 showImg(https://segmentfault.com/img/bVbrJYw?w=758&h=420); 前端工程师的招聘中,经常有这样的要求:对Web 语义化有深刻理解。那么到底什么才是深刻理解Web语义化...

    CarlBenjamin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<