目錄
html P標籤為什麼不能嵌套div?還有關於html P標籤的css樣式的實例介紹
html
p
本篇文章介紹了有關於html p標籤的進階版,上一篇基礎版沒看過的同學點擊下方的連結就可以看了,本篇主要介紹了html p標籤的兩個重要知識點,一個是如何用css的樣式來控制P標籤的具體使用,每個都有實例,有興趣的同學可以自己敲代碼試試,還有一個是html P標籤為什麼不能嵌套div的詳解,希望各位認真閱讀
html P標籤標籤定義及使用說明:
##標籤定義段落。
元素會自動在其前後創建一些空白。瀏覽器會自動新增這些空間,您也可以在樣式表中規定。
html P標籤的屬性:
#HTML中P標籤內為什麼不能巢狀div標籤
<p>测试一下块元素与<span>内联元素</span>的差别</p> <p>测试一下<div>块元素</div>与内联元素的差别</p>
登入後複製
會自己產生一個新的行,而並沒有換行,這是在沒有CSS渲染的情況下才這樣,同樣,我們也可以透過CSS把div定義成內聯元素,把span定義成區塊元素,但是,我們卻不能在HTML裡任意轉換它們,塊元素可以包含內聯元素或某些塊元素(上面的例子其實是錯誤的使用--->我把
放在 其中是屬於塊元素,而< a>屬於內聯元素,
<h2 id="我喜欢在-a-nbsp-href-http-www-php-cn-nbsp-nbsp-php中文网-a-讨论Web标准的原因">我喜欢在<a href="http://www.php.cn/ " >php中文网</a>讨论Web标准的原因。</h2>
登入後複製
是屬於塊元素,而< a>屬於內聯元素,包含是沒有錯誤的,同樣,可以包含,
包含也是對的,但是如果是下面這樣的話,就是錯誤的,因為內聯元素不應該包含塊元素: <a href="#"> <h2>这样是错误的用法!</h2></a>
登入後複製
還有一些情況就是一些塊元素不可以包含另一些塊元素。例如這樣: <p>测试文字
< ul>
li>现阶段是不能这样用的,要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>
登入後複製而這樣又是可以的。 <ul>
<li><p>这样是可以的</p></li>
</ul>
登入後複製 為什麼呢?因為我們使用的DTD中規定了塊級元素是不能放在裡面的,再加上一些瀏覽器縱容這樣的寫法:
這是段落的開始
這是另一個段落的開始
當一個簽還沒結束時,遇到下一個區塊元素就會把自己結束掉,其實瀏覽器是把它們處理成這樣:
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>
登入後複製所以剛才那樣的寫法會變成這樣:<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的,要等到XHTML 2.0才可以这样用。</li>
</ul>
登入後複製測試文字#這也是跟剛才說第一個例子中裡面放
不合理是同一個道理。 那哪些塊元素裡面不能放哪些塊元素呢?我知道你有這個疑問,也知道我只列一張清單你不好記住它們。我們可以先把所有的區塊元素再次劃分成幾個等級的,我們已經知道是在最外層,下一級裡面只會有、、
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
可以包含而這樣又是可以的。 為什麼呢?因為我們使用的DTD中規定了塊級元素是不能放在所以剛才那樣的寫法會變成這樣:測試文字#這也是跟剛才說第一個例子中
,
包含也是對的,但是如果是下面這樣的話,就是錯誤的,因為內聯元素不應該包含塊元素: <a href="#"> <h2>这样是错误的用法!</h2></a>
登入後複製
<p>测试文字 < ul> li>现阶段是不能这样用的,要等到XHTML 2.0才可以这样用。</li> </ul> 测试文字 </p>
登入後複製
<ul> <li><p>这样是可以的</p></li> </ul>
登入後複製
裡面的,再加上一些瀏覽器縱容這樣的寫法:
這是段落的開始
這是另一個段落的開始
當一個簽還沒結束時,遇到下一個區塊元素就會把自己結束掉,其實瀏覽器是把它們處理成這樣:
<p>这是一个段落的开始</p> <p>这是另一个段落的开始</p>
登入後複製
<p>测试文字</p> <ul> <li>现阶段是不能这样用的,要等到XHTML 2.0才可以这样用。</li> </ul>
登入後複製
裡面放
不合理是同一個道理。 那哪些塊元素裡面不能放哪些塊元素呢?我知道你有這個疑問,也知道我只列一張清單你不好記住它們。我們可以先把所有的區塊元素再次劃分成幾個等級的,我們已經知道是在最外層,下一級裡面只會有、、
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
3 週前
By DDD
如何修復KB5055523無法在Windows 11中安裝?
2 週前
By DDD
Inzoi:如何申請學校和大學
3 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝?
2 週前
By DDD
Roblox:Dead Rails - 如何召喚和擊敗Nikola Tesla
4 週前
By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)