>  기사  >  웹 프론트엔드  >  HTML 태그를 중첩할 수 있나요?

HTML 태그를 중첩할 수 있나요?

WBOY
WBOY원래의
2022-03-28 11:16:573107검색

HTML 태그는 중첩될 수 있습니다. HTML의 중첩 규칙은 다음과 같습니다. 1. 블록 요소는 인라인 요소 또는 특정 블록 요소를 포함할 수 있지만 인라인 요소는 블록 요소를 포함할 수 없습니다. 2. 블록 수준 요소는 p 요소 내에 배치될 수 없습니다. , h5, h6, p 및 dt 요소는 인라인 요소만 포함할 수 있으며 더 이상 블록 수준 요소를 포함할 수 없습니다.

HTML 태그를 중첩할 수 있나요?

이 문서의 운영 환경: Windows 10 시스템, html5 버전, Dell G3 컴퓨터.

HTML 태그를 중첩할 수 있나요?

태그 중첩에 대한 일반적인 규칙은 다음과 같습니다.

1. 블록 태그는 반드시 블록 태그를 중첩할 수는 없습니다. 예를 들어 p 태그는 다른 블록 태그를 중첩할 수 없습니다), 인라인은 블록을 중첩할 수 없습니다(div를 중첩할 수 있는 태그의 특별한 경우가 있음):

<div>
    <span></span>
    <a href="#"></a>
</div>
  블록 중첩 블록 예:

<div>
    <div></div>
</div>

2. p 요소 안에 배치할 수 없습니다

특수 사례(오류 예):

      <p>
        <div></div>
      </p>

이것은 불가능합니다. p는 p만 중첩할 수 있으며 다른 것은 작동하지 않습니다.

일반적으로 인라인 블록은 중첩될 수 없지만 다음이 있습니다. 특수 사례 3499910bf9dac5ae3c52d5ede7383485 태그:

<a href="#">
    <div></div>
</a>

a 태그는 div와 인라인 태그를 중첩할 수 있지만 자체적으로 중첩할 수는 없습니다(

3). 인라인 요소만 포함하며 더 이상 블록 수준 요소를 포함할 수 없습니다. 이러한 특수 태그는 h1, h2, h3, h4, h5, h6, p, dt

블록 수준 요소는 블록 수준 요소, 인라인과 병치됩니다. 인라인 요소와 병치된 요소:

  <div><h2></h2><p></p></div> —— 对
  <div><a href=”#”></a><span></span></div> —— 对
  <div><h2></h2><span></span></div> —— 错

추천 튜토리얼: "

html 비디오 튜토리얼

"

위 내용은 HTML 태그를 중첩할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.