1.HTML中的语义化标签是什么?
语义化标签与非语义化标签分别是什么样子
- HTML标签做一个分类,一类是语义化的,一种是无语义化的。
- 而语义化标签就是有自己含义的标签。
<p>一行文字</p> <!-- paragraph表示段落 -->
<span>一行文字</span>
所以语义化标签是什么?
语义化标签是一种写 HTML 标签的方法论/方式
2. HTML中的语义化标签有哪些?
常用语义化标签
实现方法是遇到标题就用 h1 到 h6,遇到段落用 p,遇到文章用 article,主要内容用 main,边栏用 aside,导航用 nav……(就是找到中文对应的英文)
实现
- 吴磊 (yuyuanw.github.io)
- learning-note01/HTML入门笔记2-常用标签.md at main · YuyuanW/learning-note01 (github.com)
一个是我在学习语义化标签的时候,写的一个html,简单介绍了一下吴磊;一个是我对一些常用标签做的总结。
3. HTML语义化标签有什么用?
- 因为它明确了HTML的书写规范
- 代码结构清晰,方便阅读,有利于团队合作开发。
- 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。
- 有利于搜索引擎优化(SEO)。
4.缺点
不能一个div走天下了,一个div只有自己写地爽。