html 语义化-如何理解 HTML 语义

2023-08-23 0 3,946 百度已收录

你如何理解 HTML 语义? (笔试)

在了解HTML语义之前,我们先普及一下以下名词:

背景

最开始,网页是在后台编写的。 那时,HTML 结构可能是一堆推入和构建的表格。 连续表的嵌套使得页面完成后无法维护。 (原始/狂野阶段)

后来提出了HTML结构语义化之前的HTML结构,相比荒野阶段,有了一些变化,那就是(艺术阶段),例如:如果所有标签都使用div,只要灵活使用CSS即可,你也可以写一个视觉效果不错的页面(最猖獗的div+CSS),但这就是一堆没有语义的死板标签。 。

虽然视觉上满足了要求,但是整个页面完全没有语义。 所以我们尽量避免使用一堆无意义的标签来堆积我们自己的HTML结构。

html 语义化-如何理解 HTML 语义

哪些是语义的

这里的语义,顾名思义,就是在编写HTML结构时,需要使用相应的具有一定语义的标签来表示和标记。

html 语义化-如何理解 HTML 语义

更专业的是,根据内容的结构(语义内容),选择合适的标签(语义代码)html 语义化,让开发者可以读写更高尚的代码,同时让浏览器爬虫和机器更好地分析。

HTML本身是一种标记语言,所有的标签都有自己的语义,比如我们常用的:

HTML语义html 语义化,除了对作者自己来说容易阅读之外,其他人在阅读你的代码和结构时也更容易理解,甚至对一些非开发人员来说也是如此。

为什么是语义的

html 语义化-如何理解 HTML 语义

不仅是上面提到的,还有为什么需要语义化的具体原因,有以下几个原因

每个语义标签或多或少都有官方设定的样式。 如果整个页面都是由div+CSS组成的,如果CSS没有加载的话,对于页面来说可能就是一场噩梦;

原因1:(其实上面是一个极端的情况)为了展现良好的内容结构和代码结构而不需要CSS(纯HTML页面):裸奔更好的是看到各种标签的灵活使用,而不是使用单一的标签来实现页面的各种结构和内容,例如:当一个元素的alt和title同时设置时,alt作为图片的替代文本出现,title则是图片的解释文字; 标签标签的灵活运用;

理由二:最大限度利用标签的特性,优化用户体验

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html 语义化-如何理解 HTML 语义 https://www.wkzy.net/game/147840.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务