html中的语义化标签

158 阅读1分钟

1.HTML中的语义化标签是什么?

语义化标签与非语义化标签分别是什么样子

  • HTML标签做一个分类,一类是语义化的,一种是无语义化的。
  • 而语义化标签就是有自己含义的标签。
<p>一行文字</p> <!-- paragraph表示段落 -->
<span>一行文字</span>

所以语义化标签是什么?

语义化标签是一种写 HTML 标签的方法论/方式

2. HTML中的语义化标签有哪些?

常用语义化标签

实现方法是遇到标题就用 h1 到 h6,遇到段落用 p,遇到文章用 article,主要内容用 main,边栏用 aside,导航用 nav……(就是找到中文对应的英文)

实现

一个是我在学习语义化标签的时候,写的一个html,简单介绍了一下吴磊;一个是我对一些常用标签做的总结。

3. HTML语义化标签有什么用?

  • 因为它明确了HTML的书写规范
  1. 代码结构清晰,方便阅读,有利于团队合作开发。
  2. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。
  3. 有利于搜索引擎优化(SEO)。

4.缺点

不能一个div走天下了,一个div只有自己写地爽。