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

来源:互联网 发布:淘宝海外代购是真的吗 编辑:程序博客网 时间:2024/05/19 18:15
<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 属于终端块状元素,它下面不能再出现其他块级元素,只能包含内容。

原创粉丝点击