html的语义化

最新推荐文章于 2023-06-14 13:31:40 发布

阡陌路人

最新推荐文章于 2023-06-14 13:31:40 发布

阅读量1.2k

点赞数 2

分类专栏： html+css+js三剑客文章标签： html 语义化

本文链接：https://blog.csdn.net/Iwokei/article/details/103499827

版权

本文介绍了HTML语义化的概念，强调了其在没有CSS时仍能展示内容结构和代码结构的重要性。语义化有助于屏幕阅读器、搜索引擎爬虫理解和解析网页，提升用户体验和SEO效果。此外，它对团队开发和维护、不同设备解析具有积极影响。HTML5引入了更多具有语义的标签，鼓励开发者避免使用无语义的div。在编写HTML代码时，应注意选择合适的语义化标签并避免过度依赖样式标签。

摘要由CSDN通过智能技术生成

1.什么是HTML语义化？

下面摘自维基百科：
在这里插入图片描述

HTML的语义化就是从代码层次表达程序员的想法、思路，同时描绘出网站页面的结构：
1.1与同为人类的程序员沟通，帮助程序员快速掌握当前代码。这一点可以通过注释来实现的，不过用上语义化HTML可以省点注释。
1.2与同为代码构筑的系统（例如残疾人士阅读器以及搜索引擎爬虫等）沟通，帮助其快速、准确达到目的。由于这类系统与人类的智能相比起来实在有限，因此需要协定好通过什么样的方式来进行沟通，而W3C的决议就是语义化HTML的标准了。

2、为什么要语义化？

1.为了在没有CSS的情况下，页面也能呈现出很好地**内容结构、代码结构:**为了裸奔时好看；
2.用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
3.有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
4.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
5.便于团队开发和维护，语义化更具可读性，是下一步把网页的重要动