HTML 단락 <p> 태그에 대한 자세한 소개-HTML 튜토리얼-php.cn

태그는 단락을 정의합니다.

p 요소는 자동으로 앞뒤에 공백을 만듭니다. 브라우저는 이러한 공백을 자동으로 추가하거나 스타일시트에서 지정할 수 있습니다.

단락 간격
IE의 기본값은 19px로, p의 margin-top 속성을 통해 설정되고
FF의 기본값은 1.12em으로, p의 margin-bottom 속성을 통해 설정됩니다.
p 기본값은 블록 표시입니다. 단락 간격을 지우려면 일반적으로

p {
   margin-top:0;
   margin-bottom:0;
}

로그인 후 복사

추가 읽기: 허용되는 단락 사용

단락 내에서만 지정할 수 있습니다. 블록을 사용하면 다른 단락, 목록, 양식 및 미리 서식이 지정된 텍스트와 함께 단락을 사용할 수도 있습니다. 일반적으로 이는 문서 본문, 목록 요소 내 등 적절한 텍스트 흐름이 있는 모든 곳에 단락이 나타날 수 있음을 의미합니다.
기술적인 관점에서 볼 때, 단락은 헤더, 앵커 또는 내용이 텍스트로만 엄격히 요구되는 기타 위치에 나타날 수 없습니다. 실제로 대부분의 브라우저는 이 제한을 무시하고 포함 요소 콘텐츠의 일부로 단락의 형식을 지정합니다.

<html>
<body>
<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>
<p>段落元素由 p 标签定义。</p> 
</body>
</html>

로그인 후 복사

HTML에서는 p 태그가 P 태그에 포함될 수 없습니다. 선 요소 및 HTML의 거의 모든 요소는 인라인 요소이거나 블록 요소이기 때문입니다.

인라인이라는 단어에 대한 해석은 inline, inline, inline, line level 등 다양합니다. 그러나 모두 동일한 의미를 의미합니다. 여기서는 관례적인 이름인 inline을 선택합니다.子 다음 예를 보면

& lt; p & gt; 블록 요소를 테스트하고 예를 들어

는 자체적으로 새 줄을 생성하지만 은 CSS 렌더링이 없는 경우에만 적용됩니다. 마찬가지로 CSS 정의 p를 인라인 요소로 사용할 수도 있습니다. 그러나 HTML에서는 이를 임의로 변환할 수 없습니다. Block 요소에는 인라인 요소나 특정 블록 요소가 포함될 수 있습니다(위의 예는 실제로 잘못된 사용입니다. ->

안에

를 넣었습니다.) ),
그러나 인라인 요소는 블록 요소를 포함할 수 없으며 다른 인라인 요소만 포함할 수 있습니다, 이것을 다시 살펴보세요:

<h2>我喜欢在
<a href="
http://bbs.blueidea.com/
 " >经典论坛</a>
讨论Web标准的原因。</h2>

로그인 후 복사

여기서

는 블록 요소이고 ;는 인라인 요소이므로 를 포함하는 데에는 아무런 문제가 없습니다. 마찬가지로

를 포함할 수도 있지만 다음과 같습니다. 인라인 요소에는 블록 요소가 포함되어서는 안 되기 때문에 잘못된 것입니다.

  <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>

로그인 후 복사

所以刚才那样的写法会变成这样：

<p>测试文字</p>
    <ul>
         <li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
    </ul>
测试文字<p></p>

로그인 후 복사

这也是跟刚才说第一个例子中

里面放

不合理是同一个道理。

那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有、、、

HTML 단락 태그에 대한 자세한 소개

HTML 단락
태그에 대한 자세한 소개