XHTML_HTML/Xhtml_Web 페이지 제작 시 제목 태그 및 단락 태그 사용에 대한 자세한 설명

XHTML 제목 개요
Word 문서를 작성할 때 "1장", "1.2.1" 등과 같은 제목을 자주 사용합니다. XHTML 구문에도 제목이라는 개념이 있습니다. XHTML에는

에서

까지 6가지 수준의 제목이 정의되어 있습니다.

XML/HTML 코드

클립보드에 콘텐츠 복사

1. h1>첫 번째 수준 제목 h1>
2. h2>2차 제목 h2>
3. h3>3차 제목 h3>
4. h4>4단계 제목 h4>
5. h5>다섯 번째 수준 제목 h5>
6. h6>6급 제목 h6>

제목 사용

XHTML 문서에서 제목은 매우 중요합니다. 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화하는 데 능숙해야 합니다. 문서 계층.
제목 중 첫 번째 수준의 제목이 가장 높고, 그 다음부터 순서대로 감소합니다. 일반적으로 XHTML 문서에서 제목은 문서의 태그 내) 다음 위치에 적용됩니다. 웹사이트 수준에 따라:

웹사이트 제목 정의

웹사이트 탐색 또는 열 정의

기사 제목 정의
웹사이트 콘텐츠에 따라:

기사 제목 정의

열 제목 정의
h3보다 큰 h4~h6 제목의 경우 저작권 표시나 고지 사항 등 상대적으로 중요한 위치에서 제목을 선택할 수 있습니다.
또한 레벨이 감소해야 한다는 점에 유의하세요. h1 아래의 레벨은 h2, 그 다음에는 h3이어야 합니다.


제목 사용에 대한 몇 가지 제안

h1은 전체 페이지의 핵심 콘텐츠를 나타내므로 일반적으로 h1은 한 번만 나타날 수 있습니다(절대 그런 것은 아니지만 나타나지 않아야 합니다). 여러 번) 기사에서 가장 강조된 부분에 사용되었습니다. 따라서 특정 콘텐츠 페이지의 경우 다음 사이트와 같이 기사 제목에 h1을 사용하여 기사의 중요성을 강조하는 경우가 많습니다.

XML/HTML 코드

클립보드에 콘텐츠 복사

h1>XHTML 제목h1> 

당시 웹사이트 제목(웹사이트 로고)에 h1을 사용할지 여부는 실제 상황에 따라 달라질 수 있습니다.

제목 사용 연습

편집기로 학습 문서 1.html 파일을 열고 위의

~

태그를

XML/HTML 코드

클립보드에 콘텐츠 복사

1. 몸>
2. h1>첫 번째 수준 제목 h1>
3. h2>2차 제목 h2>
4. h3>3차 제목 h3>
5. h4>4단계 제목 h4>
6. h5>다섯 번째 수준 제목 h5>
7. h6>6급 제목 h6>
8. p>안녕하세요~안녕하세요! p>
9. 몸>

1.html 파일을 저장하고 브라우저로 엽니다(이미 열려 있는 경우 브라우저 새로 고침 버튼을 클릭하여 문서를 다시 로드합니다. 아래와 동일하며 추가 설명 없음). 제목 태그의 효과를 다음과 같이 볼 수 있습니다. 다음:

예제에서 볼 수 있듯이 브라우저는 제목에 대해 자동으로 줄 바꿈을 형성합니다(각 제목에는 자체 줄이 있습니다).

단락 p 태그
XHTML에서 단락은

태그를 통해 정의됩니다.
XHTML 단락
단락 태그 예:

XML/HTML 코드클립보드에 콘텐츠 복사

1. p>문단입니다. p>

실제 제작 작업에서는

단락 태그를 광범위하게 사용합니다.
텍스트에 단락 태그를 추가하면 브라우저가 자동으로 텍스트에 단락 나누기를 추가합니다. 그러나 빈 줄을 형성하기 위해 빈

에 의존하는 대신

줄 바꿈

XHTML 문서에서 제목이나 단락 태그는 빈 줄이나 여러 줄 바꿈이 필요한 경우에만 줄 바꿈 표시를 제공합니다. 개행 태그
가 필요합니다. XHTML에서는 Word를 편집할 때 Enter 키를 눌러 새 줄을 바꾸는 것이 유효하지 않으며 브라우저는 이런 방식으로 생성된 새 줄 간격을 무시합니다.
예:

XML/HTML 코드클립보드에 콘텐츠 복사

1. p>내용은 다음과 같습니다p>
2. br /> br />
3. p>다른 콘텐츠입니다p> 

줄 바꿈 태그는 실질적인 내용 없이 이 위치에 줄 바꿈이 필요하다는 것을 브라우저에 알리기 때문에 이 태그는 쌍으로 표시되지 않으며
는 여러 번만 줄을 바꿉니다. 줄 바꿈이 필요합니다. 여러 개의
태그를 입력하세요.

태그를

에 삽입하면 줄바꿈 효과도 나타납니다.

또는


를 사용해 줄바꿈을 구현할 수는 있지만 이는 브라우저가 HTML4.0 사양을 준수하기 때문입니다.
XHTML 사양에서는 쌍을 이루지 않는 태그의 경우 콘텐츠 끝에 공백을 추가한 다음 />를 사용하여 태그를 닫으면 됩니다. 예:
;img는 나중에 논의할 예정입니다. /
따라서