HTML 블록 수준 요소에 대한 자세한 설명-HTML 튜토리얼-php.cn

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

迷茫

풀어 주다： 2017-03-25 12:16:00

원래의

1699명이 탐색했습니다.

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

h

<p> 를 자세히 소개합니다. Heading 요소에는 <h1>가 가장 높은 수준이고 <h6>가 가장 낮은 수준입니다.

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

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

<p> 2. 특정 수준의 제목을 건너뛰지 마십시오. 항상 <h1>으로 시작한 다음 <h2> 등을 사용하여

<p> 3. <section> 요소를 사용할 때 편의를 위해 다음을 피하세요. 한 페이지에 중복 <h1> 사용 시 페이지 제목을 <h1>로 표현해야 하며, <h2> 사용 시 다른 제목은 섹션별로 <section><h2>

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

//从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에는 제목 그룹을 나타내고 제목을 결합하는 데 사용되는 <p> 태그가 추가되었습니다. 이 태그는 블록에 여러 수준의 제목이 필요한 경우에만 사용됩니다. 🎜>p<hgroup>

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

<p>[기본 스타일]<p>

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

로그인 후 복사

p<p>

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

또는 <p>) <p><article>hr<nav>

및

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

<p> <hr>은 단락 수준 요소를 구분하는 데 사용됩니다.

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

로그인 후 복사

<p>[기본 스타일]<hr>

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

로그인 후 복사

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

<p>

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

참조

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

</code></p> [참고] 인용 저작자는 인용 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false;">margin: 8px 0;
border-style: inset;
border-width: 1px;
로그인 후 복사