HTML 제목 요약 권장사항

php中世界最好的语言원래의: 2018-01-22 10:44:561457검색

이번에는 HTML 제목에 대한 요약과 추천을 가져왔습니다. HTML 제목의 주의 사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

HTML: 제목

제목(Heading)은 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc과 같은 태그를 통해 정의됩니다.

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

팁: 브라우저는 제목 앞뒤에 빈 줄을 자동으로 추가합니다. h1은 기본 제목(가장 중요) 역할을 하고, 그 다음에는 h2(다음으로 가장 중요한), h3 등이 옵니다. 팁: 기본적으로 HTML은 단락 및 제목 요소와 같은 블록 수준 요소 앞뒤에 추가 빈 줄을 자동으로 추가합니다.

-

정렬 속성은 HTML4/5에서 더 이상 사용되지 않습니다. 대신 CSS를 사용해 주세요. 제목은 이벤트 속성과 전역 속성을 지원합니다

제목 정렬 설정:

CSS 구문: 8a87467e4171ebd802a0f1b069ce535d

방법 1:

<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>

방법 2:

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>

HTML: 가로줄

231a563c997aa9e3e0ae614bd16728b0 태그는 HTML 페이지에 가로줄을 만듭니다.

hr 요소를 사용하여 콘텐츠를 구분할 수 있습니다.

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />

e388a4556c0f65e1904146cc1a846bee문단입니다94b3e26ee717c64999d7867364b1b4a3팁: 수평선(f32b48428a809b51f04d3228cdf461fa 태그)을 사용하여 기사의 섹션을 구분하는 것은 한 가지 방법입니다(유일한 방법은 아닙니다). HTML5는 f32b48428a809b51f04d3228cdf461fa 정렬 속성을 지원하지 않습니다. 대신 CSS를 사용해 주세요.

HTML 4.01에서는 f32b48428a809b51f04d3228cdf461fa의 정렬 속성이 더 이상 사용되지 않습니다.

align 속성은 수평선의 정렬을 지정합니다.

참고: 너비 속성을 100% 미만으로 설정하지 않으면 정렬 속성이 적용되지 않습니다.

CSS 구문(IE 및 Opera): b6b08834a2c71e4c4f5c07ba37a5f4e5

CSS 구문(Firefox, Chrome 및 Safari): ef64619d9c040bb6b952afcbcbbfda13

CSS 구문(크로스 브라우저): 7ddfdf383f176d5259b96af8417ef01d

속성 값 설명css 구문 형식c1d6822c1df41bf91f0b6b2956b0740d

왼쪽 정렬
가운데
오른쪽 HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. f32b48428a809b51f04d3228cdf461fa 요소의 정렬을 지정합니다.

noshade noshade는 HTML5에서 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. f32b48428a809b51f04d3228cdf461fa 요소의 색상이 단색으로 렌더링되도록 지정합니다.

크기 픽셀 HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. f32b48428a809b51f04d3228cdf461fa 요소의 높이를 지정합니다.

너비 픽셀
% HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. f32b48428a809b51f04d3228cdf461fa 요소의 너비를 지정합니다.

<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>

HTML: 주석

HTML 코드에 주석을 삽입하면 가독성이 향상되고 코드를 더 쉽게 이해할 수 있습니다. 브라우저는 주석을 무시하고 표시하지 않습니다.

댓글은 다음과 같이 작성됩니다:

590eeb527a38d17f5bbd82f3a4d9c899

댓글: 명령줄의 마지막 두 개의 슬래시(//)는 JavaScript 댓글 기호입니다. 이렇게 하면 JavaScript가 --> 태그를 실행하지 않게 됩니다.

소스 문서에서의 매우 분명한 역할 외에도 많은 웹 서버는 주석을 사용하여 문서 서버 소프트웨어 고유의 기능을 구현합니다. 이러한 서버는 문서에서 기존 HTML/XHTML 주석 내의 특정 문자 시퀀스를 검색한 다음 주석에 포함된 명령을 기반으로 적절한 조치를 취할 수 있습니다. 이러한 작업은 다른 파일의 텍스트를 포함하는 것만큼 간단할 수도 있고(소위 서버 내부 포함) 문서의 내용을 동적으로 생성하기 위해 다른 명령을 실행하는 것만큼 복잡할 수도 있습니다.

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