HTML 요소 중첩 문제
- 高洛峰원래의
- 2017-02-15 14:03:592160검색
HTML 요소 중첩 문제
요소 중첩
<p>블록 요소는 인라인 요소 또는某些블록 요소를 포함할 수 있지만 인라인 요소는 블록 요소를 포함할 수 없으며 기타 인라인 요소만 포함할 수 있습니다.
P 요소 중첩 문제
<p> <p></p> </p><p> P 요소의 p 및 기타 블록 수준 요소 중첩은 브라우저에서 다음과 같이 구문 분석됩니다. <p>
<p>요소 끝에 빈 <p></p>이 있는 것을 볼 수 있습니다.
<p> 문의 결과 p元素는 块级元素 내에 포장할 수 없는 것으로 확인되었습니다. 우리가 사용하는 DTD에서는
块级元素을 <p> 안에 넣을 수 없다고 규정하고 일부 브라우저에서는 다음 쓰기 방법을 허용합니다.
<p>这是一个段落的开始 <p>这是另一个段落的开始<p>
<p> 태그가 없으면 태그가 끝나게 됩니다. 실제로 브라우저는 다음과 같이 처리합니다.
<p>这是一个段落的开始</p> <p>这是另一个段落的开始</p><p> 이는 브라우저의
<p></p> 끝에 추가 공간이 있는 이유이기도 합니다.
블록 수준 요소 중첩 문제
<p>먼저 모든 블록 요소를 다시 여러 수준으로 나눌 수 있습니다. 우리는 이미<html>가 가장 바깥 수준에 있고 <html>가 그 다음이라는 것을 알고 있습니다. 레벨에는 <head>、<body>、<frameset>、<noframes>만 있고 시각적 요소는 <body>에만 나타날 것이라는 것을 이미 알고 있으므로 <body>를 첫 번째 레벨에 넣습니다. 그런 다음 不可以自由嵌套의 요소를 세 번째 수준에 배치하고 나머지 요소는 두 번째 수준에 배치합니다. 자유롭게 중첩될 수 없는 요소는 인라인 요소만 배치할 수 있는 요소입니다. 여기에는 제목 태그의 경우 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<caption>, 단락 구분 기호의 경우 <p> 및 특수 요소인 <hr>( 목록 요소 <dt>)의 하위 수준에만 존재합니다. <dl>
<p>은 인라인 요소만 중첩할 수 있는 블록 수준 요소를 나타냅니다. 三级元素 역시 그 중 하나입니다. p2차 수준 요소를 자유롭게 중첩할 수 있는 이유는 무엇인가요? 이를 컨테이너(또는 상자)로 생각할 수 있으며 이러한 컨테이너의 크기는 자유롭게 변경할 수 있습니다. <p>은 <ul> 안에 삽입될 수 있고, <p>은 <p> 안에 삽입될 수 있습니다. <li> HTML에는 매우 특별한 여러 요소가 있습니다. <p>, 해당 하위 수준은 지정된 요소여야 하고, <ul>、、<dl>、<table>
>의 하위 수준은 <ul>、이어야 합니다. <li>의 하위 수준은 <dl> 또는 <dt>이어야 하며, <dd>의 하위 수준은 <table> 또는 <caption>이어야 하며, 하위 수준은 <thead>、<tfoot>、<tbody>이어야 합니다(<tr>은 <tr>)에만 존재하며 그 뒤에 콘텐츠를 배치할 수 있는 <thead>、<tfoot>、<tbody> 또는 <td>이 옵니다. <th>인라인 요소사실 인라인 요소 중에는 너비와 너비를 정의할 수 있는 특별한 요소가 여러 개 있습니다. 키. <p> 브라우저에서는 모든 요소가 너비와 높이를 정의할 수 있지만 이는 <img>、<input> 자체 표준이며 모든 브라우저가 이를 지원하는 것은 아닙니다. IE는 이를 대체 요소라고 부릅니다. 인라인 블록, 이러한 요소는 인라인에 속하지만 특정 블록을 갖습니다(너비와 높이를 설정할 수 있음). 또한 모든 요소에 CSS 속성인 display:inline-block을 지정할 수 있습니다. IE인라인 블록을 갖고 있는 요소는 그렇게 해서는 안 됩니다! W3C
더 많은 HTML 요소 중첩 문제 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!
<p></p>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：파비콘은 단순한 아이콘 그 이상입니다다음 기사：파비콘은 단순한 아이콘 그 이상입니다