W3C规则

本文介绍了W3C的HTML标签嵌套规则,包括块级元素与行内元素的相互关系,以及语义化标签的重要性。强调了语义化标签如<a>、<p>、<hx>、<strong>、<em>和<q>在网页内容结构和搜索引擎优化中的作用。同时,探讨了如何正确使用这些标签以提高网页的可读性和兼容性。
摘要由CSDN通过智能技术生成
W3C规则
  • 标签嵌套规则
    • 一:块级元素可以包含行内元素,而行内元素不能包含块级元素,它只能包含其他行内元素
    • 二:块级元素不能放在 <p> 里面
    • 三:有几个特殊的块级元素只能包含行内元素,不能再包含块级元素
      例如:h1,h2,h3,h4,h5,h6,p,dt
    • 四:块级元素与块级元素并列,行内元素与行内元素并列

语义化标签
使用语义化标签的好处:

  • 更容易被搜索引擎找到
  • 更容易让屏幕阅读器读出网页内容
  • 能够更好的体现网页主题
  • 兼容性更好,支持更多的网络设备
  • <a>标签:实现超链接,强调 title属性的作用,鼠标滑过链接文字是会显示这个属性的文本内容。这个属性再实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更好)
  • <p>标签:文章段落放在<p>标签里面
  • <hx>标签:文章标题
  • <strong>和<em>标签:特别强调某几个文字,但两者在强调的语气上有 区别:<em>表示强调,<strong>表示更强烈的强调。并且在浏览器中<em>默认用 斜体 表达, <strong>用粗体表示。两个标签相比,<strong>更收欢迎
  • <q>标签:短文本引用注意要引用的文本不用加 双引号 ,浏览器会对<q>标签自动添加引号
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Echo___Echo

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

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

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

打赏作者

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

抵扣说明:

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

余额充值