语义化
什么是语义化
- 每一个HTML元素都有具体的含义
a元素:超链接
p元素:段落 (默认段落和段落之间隔了一行)
语义化
什么是语义化
- 每一个HTML元素都有具体的含义
a元素:超链接
p元素:段落 (默认段落和段落之间隔了一行)
h1元素:一级标题
这些间隔 文字大小 加粗 和他使用什么元素是没有关系的
- 所有元素与展示效果无关
是不是 标题取决了他使用什么元素
无论一级标题张什么样子 他都是一级标题
元素展示到页面中的效果,应该由CSS决定
因为浏览器带有默认的CSS样式,所以每个元素有一些默认样式。
Ctrl + D
重要:选择什么元素,取决于内容的含义,而不是显示出的效果
为什么需要语义化?
- 为了搜索引擎优化(SEO)
搜索引擎:百度、搜搜、Bing、Google
每隔一段时间,搜索引擎会从整个互联网中,抓取页面源代码
- 为了让浏览器理解网页
阅读模式、语音 模式
h1元素:一级标题
这些间隔 文字大小 加粗 和他使用什么元素是没有关系的
- 所有元素与展示效果无关
是不是 标题取决了他使用什么元素
无论一级标题张什么样子 他都是一级标题
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IeCUszb3-1649674462086)(2022-04-10-20-19-10.png)]
元素展示到页面中的效果,应该由CSS决定
因为浏览器带有默认的CSS样式,所以每个元素有一些默认样式。
Ctrl + D
重要:选择什么元素,取决于内容的含义,而不是显示出的效果
为什么需要语义化?
- 为了搜索引擎优化(SEO)
搜索引擎:百度、搜搜、Bing、Google
每隔一段时间,搜索引擎会从整个互联网中,抓取页面源代码
- 为了让浏览器理解网页
阅读模式、语音 模式