HTML 블록 수준 요소에 대한 자세한 설명

이전 단어

  HTML5가 등장하기 전에 사람들은 일반적으로 요소는 블록 수준, 인라인, 인라인 블록 요소로 구분됩니다. 이번 글에서는 HTML 블록 수준 요소

h

 를 자세히 소개합니다. Heading 요소에는 4a249f0d628e2318394fd9b75b4636b1가 가장 높은 수준이고 4e9ee319e0fa4abc21ff286eeb145ecc가 가장 낮은 수준입니다.

섹션의 주제를 간략하게 설명하는 제목 요소입니다.   4a249f0d628e2318394fd9b75b4636b1에서 4e9ee319e0fa4abc21ff286eeb145ecc로 갈수록 중요도가 낮아지고 글꼴 크기도 작아집니다. 작음 제목 요소 사용시 주의사항

1. 제목의 글꼴 크기를 줄이기 위해 하위 제목을 사용하지 말고 CSS 글꼴 크기 스타일을 사용하세요

2. 특정 수준의 제목을 건너뛰지 마십시오. 항상 4a249f0d628e2318394fd9b75b4636b1으로 시작한 다음 c1a436a314ed609750bd7c7d319db4da 등을 사용하여

  3. 2f8332c8dcfd5c7dec030a070bf652c3 요소를 사용할 때 편의를 위해 다음을 피하세요. 한 페이지에 중복 4a249f0d628e2318394fd9b75b4636b1 사용 시 페이지 제목을 4a249f0d628e2318394fd9b75b4636b1로 표현해야 하며, c1a436a314ed609750bd7c7d319db4da 사용 시 다른 제목은 섹션별로 2f8332c8dcfd5c7dec030a070bf652c3c1a436a314ed609750bd7c7d319db4da

을 하나씩 사용해야 합니다. [기본값] 스타일】

//从h1到h6
margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;
font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;
font-weight: bold;

HTML5에는 제목 그룹을 나타내고 제목을 결합하는 데 사용되는

태그가 추가되었습니다. 이 태그는 블록에 여러 수준의 제목이 필요한 경우에만 사용됩니다. 🎜>pd8eccd9ed644b68a6460a2bb84548c82

 

요소(단락)는 텍스트 단락을 나타냅니다. 이 요소는 일반적으로 세로 공백이나 첫 줄 들여쓰기로 구분되어 인접한 텍스트와 분리된 전체 텍스트 블록으로 나타납니다.

[기본 스타일]e388a4556c0f65e1904146cc1a846bee

<hgroup>
    <h1>水果</h1>
    <h2>苹果</h2>
</hgroup>

p

요소(pide)(또는 HTML 문서 파티션 요소)는 아무것도 나타내지 않는 일반적인 흐름 콘텐츠 컨테이너입니다. 의미상 다른 요소를 그룹화하는 데 사용할 수 있는 특정 유형의 콘텐츠입니다. 일반적으로 관련 요구 사항을 스타일링하거나(class 또는 id 속성 사용) 동일한 특성(예: lang)을 가진 요소 그룹을 그룹화하는 데 사용됩니다. be in 다른 의미 요소를 사용할 수 없을 때 사용됩니다(예:

또는

) e388a4556c0f65e1904146cc1a846bee23c3de37f2f9ebcb477c4a90aac6fffdhrc787b9a589a3ece771e842a6176cf8e9

및

요소는 단락 수준 요소 간의 주제 전환을 나타냅니다(예: 장면의 스토리 변경 또는 장의 주제) 이전 버전의 HTML에서는 여전히 시각적 브라우저에서 수평선으로 표시될 수 있지만 현재는 의미론적으로 정의되어 있지 않습니다. 프레젠테이션 수준

 f32b48428a809b51f04d3228cdf461fa은 단락 수준 요소를 구분하는 데 사용됩니다.

margin: 16px 0;
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

[기본 스타일]f32b48428a809b51f04d3228cdf461fa

<p>段落1</p>
<hr>
<p>段落2</p>

f32b48428a809b51f04d3228cdf461fa를 사용할 필요는 없습니다. 🎜>pre

 

요소는 미리 서식이 지정된 텍스트를 나타냅니다. 이 요소의 텍스트는 일반적으로 텍스트에 공백 문자가 포함된 원본 파일의 형식에 따라 고정 너비 글꼴로 표시됩니다. 공백 및 줄바꿈)이 표시되며 일반적으로 코드 블록 및 문자 그림과 같은 형식화된 콘텐츠를 나타냅니다. 요소(또는 HTML 블록 수준

참조

요소)는 그 안의 텍스트가 인용된 콘텐츠임을 의미합니다. 보통 렌더링을 할 때 이 부분의 내용은 어느 정도 들여쓰기가 됩니다. 인터넷에서 인용한 경우 인용 속성에 원본 콘텐츠의 출처 URL 주소를 설정하면 독자에게 인용 출처를 텍스트 형식으로 알리고 싶은 경우

요소를 사용할 수 있습니다. e03b848252eb9375d56be284e690e873

 [참고] 인용 저작자는 인용

margin: 8px 0;
border-style: inset;
border-width: 1px;

[기본 스타일]

<pre class="brush:php;toolbar:false">
body {
  color:red;
}

address

b8a712a75cab9a5aded02f74998372b4 요소에서 다음을 허용합니다. 작성자가 가장 가까운 또는 f3a85e1241a187c5ac462d886e9a968b에 할당하려면 상위 요소가 연락처 정보를 제공합니다. 후자의 경우 문서 전체에 적용됩니다.

 연락처와 무관한 임의의 주소를 표현하는 경우에는

요소 대신

요소를 사용하세요. 이 요소에는 출판 날짜와 같은 연락처 정보 이외의 정보가 포함될 수 없습니다(0465cc57702c7b0c5486e007f89858e2 요소). 일반적으로

요소는 현재 섹션의

요소에 배치될 수 있습니다.

208700f394e4cf40a7aa505373e0130b[기본 스타일]23c3de37f2f9ebcb477c4a90aac6fffd

margin: 1em 0;
white-space: pre;

6c04bd5ca3fcae76e30b72ad730ca86d기타

추가로 위에서 소개한 e388a4556c0f65e1904146cc1a846bee에 🎜>, 208700f394e4cf40a7aa505373e0130b, 865ebc4a8f40017839ddd62af936776f, 208700f394e4cf40a7aa505373e0130b, c37f8231a37e88427e62669260f0074d,

태그 외에도 이전에 소개한 태그 중 일부가 태그에 속합니다. 블록 수준 태그

에는 스켈레톤 태그(100db36a723c770d327fc0aef2ce13b1, 6c04bd5ca3fcae76e30b72ad730ca86d), 목록 태그(ff6d136ddc5fdfeffaf53ff6ee95f185, c34106e0b4e09414b63b2ea253ff83d6, 5c69336ffbc20d23018e48b396cdd57a, 67bc4f89d416b0b8236eaa5f43dee742, 73de882deff7a050a357292d0a1fca94), 양식 태그(form, 2b5469ab79cf842344327415c3b3bb95가 포함됩니다. , be6d67dae90cc1ad6469079e163d0939, e911751791aa3ba95dc724e2fb905976, 5b7a15bed8615d1b843806256bebea72, 5a07473c87748fb1bf73f23d45547ab8), HTML5의 새로운 구조 태그(23c3de37f2f9ebcb477c4a90aac6fffd, 15221ee8cba27fc1d7a26c47a001eb9b, 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9, 2f8332c8dcfd5c7dec030a070bf652c3), new HTML5의 멀티미디어 태그(24203f2f45e6606542ba09fd2181843a, 614eb9dc63b3fb809437a716aa228d24), HTML5의 새로운 기능 태그(631fb227578dfffda61e1fa4d04b7d25, a5e9d42b316b6d06c62de0deffc36939)

마지막으로

아마도 누군가 0c6dc11e160d3b678d68754cc175188a 태그는 줄 바꿈이 있고 블록 수준 요소의 특성과 매우 유사하므로 블록 수준 요소여야 합니다. 그러나 실제로는 인라인 요소이며 그 목적은 텍스트

에서 줄 바꿈을 생성하는 것입니다.

위 내용은 HTML 블록 수준 요소에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!