html - h5语义化是如何提高用户体验的,具体体现在哪些方面?
ringa_lee
ringa_lee 2017-04-17 14:35:06
[HTML讨论组]

h5语义化是如何提高用户体验的,具体体现在哪些方面?

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
PHPz

语义化我觉得是更提高了项目的维护性 w3c规范建议我们将结构表现行为分离开来 语义化标签就起到了这样的作用 语义化标签大多数都有自己的样式 在一定程度上减少了代码量 形成了统一的样式 例如一级标题二级标题等 也让我们所见即所得 头 内容 脚步都一目了然 压缩了项目熟悉时间 提高了规范性

阿神

简单的例子:strong标签,原先有个b标签,其实效果是一样一样的。但是在SEO,最明显的在阅读器上面表现不同。strong标签的内容就说重读,利于强调。
说点不好听的,你及时写的啥都不是,CSS样式都可以帮你展现成你想要的。
但是搜索引擎爬虫是抓取你的HTML页面,语义化好的话,就如你文章写的工整,方便它的“阅读”。

title属性没有明确意义只表示是个标题,h1则表示层次明确的标题,对页面信息的抓取也有很大的影响;

strong是标明重点内容,有语气加强的含义,使用阅读设备阅读网络时:strong会重读,而b是展示强调内容。

i内容展示为斜体,em表示强调的文本;

Physical Style Elements -- 自然样式标签
b, i, u, s, pre Semantic Style
Elements -- 语义样式标签
strong, em, ins, del, code 应该准确使用语义样式标签, 但不能滥用,
如果不能确定时首选使用自然样式标签。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号