Home > Article > Web Front-end > Why can't html P tags nest divs? There are also examples of css styles for html P tags
Why can't html P tags nest divs? There are also examples of css styles for html P tags
- 寻∝梦Original
- 2018-08-25 10:49:315806browse
This article introduces the advanced version of the html p tag. Those who have not seen the basic version of the previous article can click on the link below to read it. This article mainly introduces the html p There are two important knowledge points about tags. One is how to use CSS styles to control the specific use of P tags. There are examples for each. Interested students can try the code by themselves. The other is why HTML P tags cannot be embedded. For a detailed explanation of the set of divs, I hope you will carefully read the
html P tag tag definition and usage instructions:
tag definition paragraph.
The element will automatically create some white space before and after it. The browser adds these spaces automatically, or you can specify them in your stylesheet.
html Attributes of P tag:
##Why can’t div tags be nested within P tags in HTML?
<p>测试一下块元素与<span>内联元素</span>的差别</p>
<p>测试一下<div>块元素</div>与内联元素的差别</p>You will know the effect by just practicing the above example. It does not take up space here, <h2>我喜欢在<a href="http://www.php.cn/ " >php中文网</a>讨论Web标准的原因。</h2>Where
belongs to the block element, and is an inline element, and there is nothing wrong with including . Similarly, can contain , and it is also correct for
There are also cases where some block elements cannot contain other block elements. For example: <p>测试文字
< ul>
li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p> And this is okay. <ul>
<li><p>这样是可以的</p></li>
</ul> Why? Because the DTD we use stipulates that block-level elements cannot be placed inside , and some browsers condone this writing:
This is the beginning of a paragraph
This is the beginning of another paragraph
When a tag has not ended, it will end itself when it encounters the next block element. In fact, the browser They are processed like this:
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>So the writing method just now will become like this: <p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>Test text
This is also It’s the same reason as what I just said about putting inside in the first example.
So which block elements cannot be placed inside which block elements? I know you have this question, and I know it's hard for you to remember them if I just make a list. We can first divide all the block elements into several levels again. We already know that is in the outermost layer, and the next level of will only have , ,
, and it is also correct for
There are also cases where some block elements cannot contain other block elements. For example: <p>测试文字
< ul>
li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p> And this is okay. <ul>
<li><p>这样是可以的</p></li>
</ul> Why? Because the DTD we use stipulates that block-level elements cannot be placed inside , and some browsers condone this writing:
This is the beginning of a paragraph
This is the beginning of another paragraph
When atag has not ended, it will end itself when it encounters the next block element. In fact, the browser They are processed like this:
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>So the writing method just now will become like this: <p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>Test text
This is also It’s the same reason as what I just said about putting in the first example.
So which block elements cannot be placed inside which block elements? I know you have this question, and I know it's hard for you to remember them if I just make a list. We can first divide all the block elements into several levels again. We already know that is in the outermost layer, and the next level of will only have , ,The above is the detailed content of Why can't html P tags nest divs? There are also examples of css styles for html P tags. For more information, please follow other related articles on the PHP Chinese website!