집 >웹 프론트엔드 >HTML 튜토리얼 >HTML 태그는 어떻게 중첩되어야 합니까?

HTML 태그는 어떻게 중첩되어야 합니까?

php中世界最好的语言원래의: 2018-01-25 11:22:581711검색

이번에는 html 태그를 중첩하는 방법과 html 태그를 중첩할 때 주의사항에 대해 설명하겠습니다. 실제 사례를 살펴보겠습니다.

XHTML에는 많은 태그가 있습니다: p, ul, li, dl, dt, dd, h1~h6, p, a, addressa,span,strong... 이러한 태그를 사용하여 페이지 구조를 만들 때 사용할 수 있습니다. 무한히 중첩 가능하지만 중첩에는 특정 규칙이 필요합니다. 그렇다면 html 태그에 대한 중첩 규칙은 무엇입니까?

1. HTML 태그에는 블록 수준 요소(block)와 인라인 요소(inline)가 포함됩니다.

1. 블록 수준 요소

는 일반적으로 웹 사이트 구조를 구축하고 콘텐츠를 전달하는 데 사용됩니다. 다음 태그:

address、blockquote、center、dir、p、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2. 인라인 요소

는 일반적으로 "강조, 스타일 구별, 위 첨자, 아래 첨자, 앵커" 등을 위해 웹 사이트 콘텐츠의 특정 세부 사항이나 부분에 사용됩니다. 다음 태그는 인라인 요소에 속합니다. :

　a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

2. HTML 태그의 중첩 규칙

1. 블록 요소는 inline 요소 또는 일부 블록 요소를 포함할 수 있지만 인라인 요소는 블록 요소를 포함할 수 없으며 기타 인라인 요소만 포함할 수 있습니다.

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

2 . 블록 수준 요소는 e388a4556c0f65e1904146cc1a846bee 안에 배치할 수 없습니다.

<p><ol><li></li></ol></p> —— 错</p>< p>　　<p><p></p></p> —— 错

3. 인라인 요소만 포함할 수 있고 블록 수준 요소를 포함할 수 없는 몇 가지 특수 블록 수준 요소가 있습니다.

　h1、h2、h3、h4、h5、h6、p、dt

4.li에는 p 태그가 포함될 수 있습니다. 이 항목은 별도로 나열할 필요가 없지만 인터넷에서 많은 사람들이 이에 대해 혼동하고 있으므로 여기서 간단히 설명하겠습니다.

　Li와 p 태그는 모두 컨테이너입니다. 콘텐츠를 로드하기 위해 동일한 상태를 가지며 레벨 간에 구분이 없습니다(예: h1 및 h2^_^와 같은 엄격한 계층). li 태그에는 상위 ul 또는 ol도 없다는 점을 알아야 합니다. 왜 어떤 사람들은 li가 p를 수용할 수 없다고 생각합니까? li가 너무 인색하다고 생각하지 마세요, li가 꽤 가늘어 보여도 사실 li는 큰 마음을 가지고 있습니다...

5. 블록 수준 요소는 블록 수준 요소와 병치되고, 인라인 요소는 인라인과 병치됩니다. elements:

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

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!