84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
h5语义化是如何提高用户体验的，具体体现在哪些方面？
ringa_lee
语义化我觉得是更提高了项目的维护性 w3c规范建议我们将结构表现行为分离开来 语义化标签就起到了这样的作用 语义化标签大多数都有自己的样式 在一定程度上减少了代码量 形成了统一的样式 例如一级标题二级标题等 也让我们所见即所得 头 内容 脚步都一目了然 压缩了项目熟悉时间 提高了规范性
简单的例子：strong标签，原先有个b标签，其实效果是一样一样的。但是在SEO，最明显的在阅读器上面表现不同。strong标签的内容就说重读，利于强调。说点不好听的，你及时写的啥都不是，CSS样式都可以帮你展现成你想要的。但是搜索引擎爬虫是抓取你的HTML页面，语义化好的话，就如你文章写的工整，方便它的“阅读”。
strong
b
SEO
title属性没有明确意义只表示是个标题，h1则表示层次明确的标题，对页面信息的抓取也有很大的影响； strong是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容。 i内容展示为斜体，em表示强调的文本； Physical Style Elements -- 自然样式标签 b, i, u, s, pre Semantic StyleElements -- 语义样式标签 strong, em, ins, del, code 应该准确使用语义样式标签, 但不能滥用,如果不能确定时首选使用自然样式标签。
title属性没有明确意义只表示是个标题，h1则表示层次明确的标题，对页面信息的抓取也有很大的影响；
title
h1
strong是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容。
i内容展示为斜体，em表示强调的文本；
i
em
Physical Style Elements -- 自然样式标签 b, i, u, s, pre Semantic StyleElements -- 语义样式标签 strong, em, ins, del, code 应该准确使用语义样式标签, 但不能滥用,如果不能确定时首选使用自然样式标签。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
语义化我觉得是更提高了项目的维护性 w3c规范建议我们将结构表现行为分离开来 语义化标签就起到了这样的作用 语义化标签大多数都有自己的样式 在一定程度上减少了代码量 形成了统一的样式 例如一级标题二级标题等 也让我们所见即所得 头 内容 脚步都一目了然 压缩了项目熟悉时间 提高了规范性
简单的例子：
strong标签，原先有个b标签，其实效果是一样一样的。但是在SEO，最明显的在阅读器上面表现不同。strong标签的内容就说重读，利于强调。说点不好听的，你及时写的啥都不是，CSS样式都可以帮你展现成你想要的。
但是搜索引擎爬虫是抓取你的HTML页面，语义化好的话，就如你文章写的工整，方便它的“阅读”。