为什么我的一些文字的HTML标签段内下跌的＆lt之外; P＆GT;＆LT; / P＆gt;在浏览器中时 [英] Why does some of my text within html paragraph tag fall outside of the <p></p>when in browser
问题描述
请在下面看到的HTML。在浏览器中查看并因此失去段落的属性时，最后两句属于段落标记之外。
如果您在文本编辑器中查看HTML，你会看到所有的措辞是段落标记内而不是像Firefox和IE浏览器查看时。在查看源代码或调试控制台查看源。
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT; META HTTP的当量=Content-Type的CONTENT =text / html的;字符集= UTF-8＆GT;
＆LT;标题＆GT;测试与LT; /标题＆GT;
＆LT;元CONTENT =WIDTH =设备宽度NAME =视口＆GT;
＆LT;间的charset =ISO-8859-1＆GT;
＆LT;间内容=IE =边缘HTTP的当量=X-UA-Compatible的＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT; DIV ID =page_body＆GT;
＆LT; DIV ID =我的内容＆GT;
＆LT; DIV ID =mymsg级=mymsgcount＆GT;
＆LT; DIV CLASS =我的菜单＆GT;
＆LT; DIV CLASS =我-menutext我-menutext1＆GT;
＆LT; H1＆gt;这是一个测试＆LT; / H1＆GT;
＆所述p为H.;
＆lt;内容＆GT;确定为什么在本节最后两句话就掉下来在browswer段落标记的：其中; BR＆GT;
＆LT; UL＆GT;
＆LT;李＆gt;首先清单项目＆lt; /李＆GT;
＆LT;立gt;第二个清单项目＆lt; /李＆GT;
＆LT;立GT;第三个列表项目＆lt; /李＆GT;
＆LT; / UL＆GT;
＆LT; BR方式＆gt;这是第二次最后一句出于某种原因，在浏览器中查看时，属于段落标记之外＆LT; BR＆GT;
＆LT;强＆GT;最后一句跌出款标签＆lt的; / STRONG＆GT;
＆LT; /内容＆GT;
＆所述; / P＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
您的HTML结构被打破了。具体来说，＆LT; P＆GT; 元素自动如果某些其他元素都遇到过，其中包括终止＆LT; UL＆GT; 。这意味着，无序列表和一切超越它不是初始段的一部分。
W3C规范说：
如果p元素立即一个p元素的结束标记可以被省略
其次是一个地址，文章，放在一边，块引用，DIV，DL，字段集，
页脚，表格，H1，H2，H3，H4，H5，H6，头，hgroup，HR，主，资产净值，
醇，对，pre，节，表或UL，元件，或者如果没有更多的
在父元素和父元素含量不是一个
元素。您可以组这些项目一起
＆LT; DIV＆GT;您可以找到在W3C网站的此处
Please see html below. The last two sentences fall outside of the paragraph tag when viewed in browser and therefore lose the properties of the paragraph. If you look at html in text editor, you will see all verbiage is within paragraph tag but not when viewed in browser like Firefox and IE. Review source in View Source or Debug console.
<html> <head> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>TEST</title> <meta content="width=device-width" name="viewport"> <meta charset="ISO-8859-1"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> </head> <body> <div id="page_body"> <div id="my-content"> <div id="mymsg" class="mymsgcount"> <div class="my-menus"> <div class="my-menutext my-menutext1"> <h1>This is a test.</h1> <p> <content>Determine why the last two sentences in this section falls out of paragraph tag in browswer:<br> <ul> <li>first list item</li> <li>second list item</li> <li>third list item</li> </ul> <br>This is the second last sentence which for some reason falls outside of the paragraph tag when viewed in browser.<br> <strong>Last sentence to fall out of paragraph tag.</strong> </content> </p> </div> </div> </div> </div> </div> </body> </html>
解决方案Your HTML structure is broken. Specifically, the
<p>element is automatically terminated if certain other elements are encountered, which includes<ul>. This means that the unordered list and everything beyond it is not part of the initial paragraph.The W3C specification says:
A p element's end tag may be omitted if the p element is immediately followed by an address, article, aside, blockquote, div, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, section, table, or ul, element, or if there is no more content in the parent element and the parent element is not an a element.
You could group these items together with a
<div>.You can find the specific reference on this on the W3C site here
这篇关于为什么我的一些文字的HTML标签段内下跌的＆lt之外; P＆GT;＆LT; / P＆gt;在浏览器中时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
