HTML核心之语义化
什么是语义化
- 每个HTML元素都有具体的含义,可以让页面结构更加清晰。
比如:
a元素表示的语义:超链接。
p元素表示的语义:段落。
h1元素表示的语义:一级标题 - 所有元素与展示效果无关(重点!!!!!!!!!!!!)
元素展示到页面的效果应该由CSS决定,千万不要因为为了样式选择元素。
比如,需要应该下划线的样式选择了使用a元素。因为浏览器带有默认的CSS样式,所有每个元素有一些默认样式。
重要:选择什么元素,取决于内容的含义,而不是显示出的效果
为什么需要语义化
-
为了搜索引擎优化(SEO)
搜索引擎:百度、搜搜、Bing、Google
每隔一段时间,搜索引擎会从整个互联网中,抓取页面源代码,为了方便搜索引擎理解,需要语义化 -
为了让浏览器理解网页
浏览器中的阅读模式、语音模式能更好的实现
补充:
<html lang="en"> 表示英文网页
<html lang="zh-CN"> 表示中文网页
<html lang="fr"> 表示法语
在head元素中,可以通过meta标签中的charset属性规定HTML文档应该使用哪种字符编码
charset 常用的值有:GB2312,BIG5,GBK和utf-8,中utf-8也被称为万国码,
基本包含了全世界所有国家的需要用到的字符