HTML核心之语义化

HTML核心之语义化

什么是语义化

  1. 每个HTML元素都有具体的含义,可以让页面结构更加清晰。
    比如:
    a元素表示的语义:超链接。
    p元素表示的语义:段落。
    h1元素表示的语义:一级标题
  2. 所有元素与展示效果无关(重点!!!!!!!!!!!!)
    元素展示到页面的效果应该由CSS决定,千万不要因为为了样式选择元素。
    比如,需要应该下划线的样式选择了使用a元素。因为浏览器带有默认的CSS样式,所有每个元素有一些默认样式。

重要:选择什么元素,取决于内容的含义,而不是显示出的效果

为什么需要语义化

  1. 为了搜索引擎优化(SEO)
    搜索引擎:百度、搜搜、Bing、Google
    每隔一段时间,搜索引擎会从整个互联网中,抓取页面源代码,为了方便搜索引擎理解,需要语义化

  2. 为了让浏览器理解网页
    浏览器中的阅读模式、语音模式能更好的实现

补充:

 <html lang="en"> 表示英文网页
 <html lang="zh-CN"> 表示中文网页
 <html lang="fr"> 表示法语

在head元素中,可以通过meta标签中的charset属性规定HTML文档应该使用哪种字符编码

charset 常用的值有:GB2312,BIG5,GBK和utf-8,中utf-8也被称为万国码,
基本包含了全世界所有国家的需要用到的字符

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

传说中的懿痕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值