什是HTML语语义化?

什是HTML语语义化?

像标题使用( H1~H6 )、列表使用( li )、强调使用( strong em )等等 ,都是语义化。

根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

为什么要语义化?

为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构 。

优化用户体验:例如title、 alt 用于解释名词或解释图片信息、 label 标签的活用;

有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;

方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;

便于团队开发和维护,语义化更具可读性,是下一步网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

说一下语义化标签 ?

<header></header> <footer></footer> <nav></nav>
<section></section>

<article></article>
PS:用来在页面中表示一套结构完整且独立的内容部分

<aslde></aside>
PS:主题的附属信息 ( 用途很广,主要就是一个附属内容 ) ,如果 article 里面为一篇文章的话,那么文章的作者以及信息内容就是这篇文章的附属内容了

<figure></figure>
PS:媒体元素,比如一些视频,图片啊等等

<datalist></datalist>
PS:选项列表,与 input 元素配合使用,来定义 input 可能的值

<details></details>
PS:用于描述文档或者文档某个部分的细节

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容