標籤定義段落。
p 元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間，您也可以在樣式表中規定。
段間距
#IE預設為19px，透過p的margin-top屬性設定
FF預設為1.12em，透過p的margin-bottom屬性設定
p預設為區塊狀顯示，要清除段間距，一般可以設定
p {
margin-top:0;
margin-bottom:0;
}
延伸閱讀：允許的段落用法 可以只在區塊（block）內指定段落，也可以把段落和其他段落、清單、表單和預先定義格式的文字一起使用。總的來講，這意味著段落可以在任何有合適的文字流的地方出現，例如文件的主體中、列表的元素裡，等等。
從技術角度將，段落不可以出現在頭部、錨或其他嚴格要求內容必須只能是文字的地方。實際上，多數瀏覽器都忽略了這個限制，它們會把段落當作所含元素的內容一起格式化。<html> <body> <p>这是段落。</p> <p>这是段落。</p> <p>这是段落。</p> <p>段落元素由 p 标签定义。</p> </body> </html>HTML中
我們先來認識in-line
內嵌元素與block-line區塊元素，因為HTML裡幾乎所有元素都屬於內聯元素或塊元素中的一種。
in-line這個字有許多解釋：內嵌、內嵌、行內、線級等，但是，它們都表示相同的意思，在這裡我們選擇習慣的叫法-內聯。
先看下面的範例就能明白兩者的差異：
測試一下區塊元素與 內嵌元素的差異
測試一下
區塊元素< ;/p>
與內聯元素的差異#效果如下圖：
##
會自己產生一個新的行，而並沒有換行,這是在沒有CSS渲染的情況下才這樣，同樣，我們也可以透過CSS把p定義成內聯元素，把span定義成塊元素，但是，我們卻不能在HTML裡任意轉化它們，塊元素可以包含內聯元素或某些塊元素（上面的例子其實是錯誤的使用--->我把 放在 裡面了) ， 但內聯元素卻不能包含塊元素，它只能包含其他的內聯元素，再看這個：<h2>我喜欢在
<a href="
http://bbs.blueidea.com/
" >经典论坛</a>
讨论Web标准的原因。</h2>
其中
屬於區塊元素，而是屬於內聯元素，包含是沒有錯誤的，同樣，可以包含
，
包含也是對的，但是如果是下面這樣的話，就是錯誤的，因為內聯元素不應該包含區塊元素：
### <a href="#">
<h2 id="这样是错误的用法">这样是错误的用法！</h2>
</a>
############################################################ #還有一些情況就是一些塊元素不可以包含另一些塊元素。例如這樣：######<p>测试文字
< ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>而这样又是可以的。
<ul>
<li><p>这样是可以的</p></li>
</ul>
为什么呢？因为我们使用的DTD中规定了块级元素是不能放在里面的，再加上一些浏览器纵容这样的写法：
<p>这是一个段落的开始
<p>这是另一个段落的开始
当一个签还没结束时，遇到下一个块元素就会把自己结束掉，其实浏览器是把它们处理成这样：
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>
所以刚才那样的写法会变成这样：
<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字<p></p>
这也是跟刚才说第一个例子中里面放
不合理是同一个道理。
那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有、、
所谓的不可自由嵌套的元素就是里面只能放内联元素的，它们包括有：标题标记的、、、、、、；段落标记的；分隔线
和一个特别的元素(它只存在于列表元素
的子一级)。
为什么说第二级的元素可以自由嵌套呢？我们可以把它们看成是一些容器（或者说是盒子）， 这些容器的大小可以自由变化，例如我们可以把嵌在里面，也可以把
嵌在
- 里面。
在HTML里有几个元素是比较特别的：、
、、，它们的子一层必须是指定元素，、
的子一级必须是- ；
的子一级必须是- 或者
- ；
的子一层必须是 或
、
、
等，而再子一层必须是 （
只存在于、
、
中），之后才是可放内容的或者
。 很多人在W3C校验无法通过也是这个原因-->错误的元素嵌套，然而把提示错误的标签改成或者就可以通过，但是我们不能这样盲目的为了校验而校验，也不是神，
代替不了语义化的标签。
下面有一张关于(X)HTML Strict下嵌套规则的图，可以参考：
其实在内联元素中，还是可以再区分一下的，有几个元素（![html段落標籤的詳細介紹]()
、等）比较特别，它们可以定义宽高。虽然在IE 浏览器里，所有的元素都可以定义宽高，但这是IE自己的标准，并非所有浏览器都支持，W3C称它们为replaced元素，我也找不到适合翻译的词，它们在属于in-line的情况下同样具有block-line的一些特性，在"dasplay:inline-block的应用"中所说的inline-block其实就是让其他元素也模拟成replaced元素，你暂时也不用过多了解，等到后面再学习它。
标签支持 HTML 中的全局属性。
5 = HTML5 中添加的属性。
属性
值
描述
例子
浏览器支持
class
classname
规定元素的一个或多个类名（引用样式表中的类）
class="ab"
>
所有浏览器都支持。
contenteditable 5
true（可编辑）
false（不可编辑）
规定元素内容是否可编辑
contenteditable="true"
>这是一个可编辑的段落。
所有主流浏览器都支持。
contextmenu 5
menu_id（要打开的
规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
contextmenu="supermenu"
>本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。
<menu id="supermenu">
<command label="Step 1: Write Tutorial" onclick="doSomething()">
<command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>
目前只有 Firefox 支持 contextmenu 属性。
data-* 5
somevalue (规定属性的值（以字符串）。)
data-* 属性用于存储页面或应用程序的私有自定义数据。
data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。
data-* 属性包括两部分：
属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
属性值可以是任意字符串
注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。
<p id="test" data-age="24">
Click Here
</p>所有主流浏览器都支持 data-* 属性。
dir
ltr （默认。从左向右 的文本方向。
rtl （从右到左的文本方向。）
规定元素中内容的文本方向。
<p
dir="rtl"
>Write this text right-to-left!</p>
所有浏览器均支持 dir 属性。
draggable 5
true (规定元素的可拖动的。)
false (规定元素不可拖动。)
auto (使用浏览器的默认行为。)
draggable 属性规定元素是否可拖动。
提示：链接和图像默认是可拖动的。
<p draggable="true">这是一个可拖动的段落。</p>
Internet Explorer 9+, Firefox, Opera, Chrome, and Safari 支持 draggable 属性。
注释：Internet Explorer 8 以及更早的版本，不支持 draggable 属性。
dropzone 5
copy (拖动数据会产生被拖动数据的副本。)
move (拖动数据会导致被拖动数据被移动到新位置。)
link (拖动数据会产生指向原始数据的链接。)
dropzone 属性规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。
<p dropzone="copy"></p>
目前所有主流浏览器都不支持 contenteditable 属性。
hidden 5
hidden 属性是布尔属性。
如果设置该属性，它规定元素仍未或不再相关。
浏览器不应显示已规定 hidden 属性的元素。
hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。
hidden="hidden"
>这是一段隐藏的段落。
所有主流浏览器都支持 hidden 属性，除了 Internet Explorer。
id
idname
id 属性规定 HTML 元素的唯一的 id。
id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
id="ab"
>
所有浏览器都支持。
lang
language_code (规定元素内容的语言代码。)
lang 属性规定元素内容的语言。
<p lang="fr">Ceci est un paragraphe.</p>
所有浏览器均支持 lang 属性。
spellcheck 5
true (对元素进行拼写和语法检查.)
false (不检查元素。)
spellcheck 属性规定是否对元素进行拼写和语法检查。
可以对以下内容进行拼写检查：
input 元素中的文本值（非密码）
可编辑元素中的文本
实例
进行拼写检查的可编辑段落：
<p contenteditable="true" spellcheck="true">这是一个段落。</p>
Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 支持 spellcheck 属性。
注释：Internet Explorer 9 以及更早的版本不支持 spellcheck 属性。
style
style_definition (一个或多个由分号分隔的 CSS 属性和值。)
style 属性规定元素的行内样式（inline style）
style 属性将覆盖任何全局的样式设定，例如在
实例
在 HTML 文档中使用 style 属性：
<p style="color:red">This is a paragraph.</p>
所有浏览器都支持。
title
text (规定元素的工具提示文本（tooltip text）。)
title 属性规定关于元素的额外信息。
这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。
提示：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
实例
在 HTML 文档中使用 title 属性：
<p title="Free Web tutorials">W3School.com.cn</p>
所有浏览器都支持。
translate 5
yes (规定应该翻译元素内容。)
no (规定不应翻译元素内容。)
translate 规定是否应该翻译元素内容。
提示：请使用 class="notranslate" 替代。
实例
规定不应翻译某些元素：
<p translate="no">请勿翻译本段。</p>
<p>本段可被译为任意语言。</p>
所有主流浏览器都无法正确地支持 translate 属性。
可以包含
，
包含也是對的，但是如果是下面這樣的話，就是錯誤的，因為內聯元素不應該包含區塊元素：
###<a href="#"> <h2 id="这样是错误的用法">这样是错误的用法！</h2> </a>############################################################ #還有一些情況就是一些塊元素不可以包含另一些塊元素。例如這樣：######
<p>测试文字
< ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>而这样又是可以的。
<ul>
<li><p>这样是可以的</p></li>
</ul> 为什么呢？因为我们使用的DTD中规定了块级元素是不能放在 里面的，再加上一些浏览器纵容这样的写法：
<p>这是一个段落的开始
<p>这是另一个段落的开始当一个 签还没结束时，遇到下一个块元素就会把自己结束掉，其实浏览器是把它们处理成这样：
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>所以刚才那样的写法会变成这样：
<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字<p></p>这也是跟刚才说第一个例子中 里面放 不合理是同一个道理。
那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有、、
所谓的不可自由嵌套的元素就是里面只能放内联元素的，它们包括有：标题标记的 ；分隔线、
、
、
、
、
、
和一个特别的元素的子一级)。
为什么说第二级的元素可以自由嵌套呢？我们可以把它们看成是一些容器（或者说是盒子）， 这些容器的大小可以自由变化，例如我们可以把 里面，也可以把 嵌在嵌在
在HTML里有几个元素是比较特别的： 很多人在W3C校验无法通过也是这个原因-->错误的元素嵌套，然而把提示错误的标签改成 或者就可以通过，但是我们不能这样盲目的为了校验而校验， 也不是神， 代替不了语义化的标签。 下面有一张关于(X)HTML Strict下嵌套规则的图，可以参考： 其实在内联元素中，还是可以再区分一下的，有几个元素（ 标签支持 HTML 中的全局属性。 5 = HTML5 中添加的属性。 class="ab" true（可编辑） false（不可编辑） contenteditable="true" contextmenu="supermenu" data-* 属性用于存储页面或应用程序的私有自定义数据。 data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。 存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。 data-* 属性包括两部分： 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。 ltr （默认。从左向右 的文本方向。 rtl （从右到左的文本方向。） true (规定元素的可拖动的。) false (规定元素不可拖动。) auto (使用浏览器的默认行为。) draggable 属性规定元素是否可拖动。 提示：链接和图像默认是可拖动的。 Internet Explorer 9+, Firefox, Opera, Chrome, and Safari 支持 draggable 属性。 注释：Internet Explorer 8 以及更早的版本，不支持 draggable 属性。 copy (拖动数据会产生被拖动数据的副本。) move (拖动数据会导致被拖动数据被移动到新位置。) link (拖动数据会产生指向原始数据的链接。) hidden 属性是布尔属性。 如果设置该属性，它规定元素仍未或不再相关。 浏览器不应显示已规定 hidden 属性的元素。 hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。 hidden="hidden" id 属性规定 HTML 元素的唯一的 id。 id 在 HTML 文档中必须是唯一的。 id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。 id="ab" true (对元素进行拼写和语法检查.) false (不检查元素。) spellcheck 属性规定是否对元素进行拼写和语法检查。 可以对以下内容进行拼写检查： input 元素中的文本值（非密码） 可编辑元素中的文本 进行拼写检查的可编辑段落： Internet Explorer 10, Firefox, Opera, Chrome 以及 Safari 支持 spellcheck 属性。 注释：Internet Explorer 9 以及更早的版本不支持 spellcheck 属性。 style 属性规定元素的行内样式（inline style） style 属性将覆盖任何全局的样式设定，例如在 在 HTML 文档中使用 style 属性： title 属性规定关于元素的额外信息。 这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。 提示：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。 在 HTML 文档中使用 title 属性： yes (规定应该翻译元素内容。) no (规定不应翻译元素内容。) translate 规定是否应该翻译元素内容。 提示：请使用 class="notranslate" 替代。 规定不应翻译某些元素：、
、
、
，它们的子一层必须是指定元素，
、
的子一级必须是
的子一级必须是
的子一层必须是
（
只存在于、
、
中），之后才是可放内容的或者
。
、等）比较特别，它们可以定义宽高。虽然在IE 浏览器里，所有的元素都可以定义宽高，但这是IE自己的标准，并非所有浏览器都支持，W3C称它们为replaced元素，我也找不到适合翻译的词，它们在属于in-line的情况下同样具有block-line的一些特性，在"dasplay:inline-block的应用"中所说的inline-block其实就是让其他元素也模拟成replaced元素，你暂时也不用过多了解，等到后面再学习它。
属性
值
描述
例子
浏览器支持
class
classname
规定元素的一个或多个类名（引用样式表中的类）
所有浏览器都支持。
contenteditable 5
规定元素内容是否可编辑
所有主流浏览器都支持。
contextmenu 5
menu_id（要打开的
规定元素的上下文菜单。上下文菜单在用户点击元素时显示。
<menu id="supermenu">
<command label="Step 1: Write Tutorial" onclick="doSomething()">
<command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>
目前只有 Firefox 支持 contextmenu 属性。
data-* 5
somevalue (规定属性的值（以字符串）。)
<p id="test" data-age="24">
Click Here
</p>所有主流浏览器都支持 data-* 属性。
dir
规定元素中内容的文本方向。
<p
dir="rtl"
>Write this text right-to-left!</p>
所有浏览器均支持 dir 属性。
draggable 5
<p draggable="true">这是一个可拖动的段落。</p>
dropzone 5
dropzone 属性规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。
<p dropzone="copy"></p>
目前所有主流浏览器都不支持 contenteditable 属性。
hidden 5
所有主流浏览器都支持 hidden 属性，除了 Internet Explorer。
id
idname
所有浏览器都支持。
lang
language_code (规定元素内容的语言代码。)
lang 属性规定元素内容的语言。
<p lang="fr">Ceci est un paragraphe.</p>
所有浏览器均支持 lang 属性。
spellcheck 5
实例
<p contenteditable="true" spellcheck="true">这是一个段落。</p>
style
style_definition (一个或多个由分号分隔的 CSS 属性和值。)
实例
<p style="color:red">This is a paragraph.</p>
所有浏览器都支持。
title
text (规定元素的工具提示文本（tooltip text）。)
实例
<p title="Free Web tutorials">W3School.com.cn</p>
所有浏览器都支持。
translate 5
实例
<p translate="no">请勿翻译本段。</p>
<p>本段可被译为任意语言。</p>
所有主流浏览器都无法正确地支持 translate 属性。
以上是html段落標籤的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AMHTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。
了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AMWebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。
HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AMHTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。
HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AMhtmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract
HTML，CSS和JavaScript：Web開發人員的基本工具Apr 09, 2025 am 12:12 AMHTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構，使用標籤如、等。 2.CSS控製網頁樣式，使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互，通過事件監聽和DOM操作。
HTML，CSS和JavaScript的角色：核心職責Apr 08, 2025 pm 07:05 PMHTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。
HTML容易為初學者學習嗎？Apr 07, 2025 am 12:11 AMHTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。
HTML中起始標籤的示例是什麼？Apr 06, 2025 am 12:04 AMAnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。
記事本++7.3.1
好用且免費的程式碼編輯器
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
SublimeText3漢化版
中文版，非常好用
