从语义化的角度,<li> 标签中的内容应该使用 <p> 标签吗?

<ul>
    <li> Hi I am an item. </li>
    <li> And I am another one. </li>
</ul>

<ul>
    <li><p> Hi I am an item. </p></li>
    <li><p> And I am another one. </p></li>
</ul>

上面的li标签里面加p标签其实是没有必要的,但是如果用li进行布局的话,里面是可以用p标签的,比如下面这个布局是正常的
在实现了功能的前提下,能少写代码就少写,越精简越好。

<ul>
   <li>
       <img src="" />
       <p> And I am another one. </p>
    </li>
</ul>

《精通 CSS 与 HTML 设计模式》的作者提出了三个名词
把块级元素划分成三类:结构化块状元素、终端块状元素、多目标块状元素。
li 属于结构化块状元素和多目标块状元素,它让文档形成结构,也是多目的的,即能包含内容也能包含其他块级元素。
p 属于终端块状元素,它下面不能再出现其他块级元素,只能包含内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值