HTML P标签和HR标签的问题

JAVA_ZIDANE_J 发布于 2017/03/02 20:42
阅读 163
收藏 0

<p style="color:red;">
    HelloWorld !
    <hr />
    HelloOschina !
</p>

上述代码 页面显示的结果为什么HelloOschina!会不是红色字体呢?

而且当我把p标签 换成div标签的时候 HelloOschina! 又变成了红色字体!!

加载中
0
Eric_林
Eric_林

看页面渲染出来的结果就知道了

<p style="color:red;">
    HelloWorld !
    </p><hr>
    HelloOschina !
<p></p>

很好的解释了为什么下面不为红

<div style="color:red;">
    HelloWorld !
    <hr>
    HelloOschina !
</div>

也很好的解释了什么都会红

ps: hr这个标签似乎不被推荐使用

Eric_林
Eric_林
回复 @大河向东流吼吼吼 : 所有浏览器解释成2个<p>
大河向东流吼吼吼
回复 @Eric_林 : p标签语义是段落,不能内嵌块级元素hr
Eric_林
Eric_林
用<p>和<div>页面渲染出来的结果是不一样的
JAVA_ZIDANE_J
JAVA_ZIDANE_J
回复@Eric_林 : 啥意思 ,没有明白。。。
返回顶部
顶部