> 웹 프론트엔드 > HTML 튜토리얼 > HTML 제목 요약 권장사항

HTML 제목 요약 권장사항

php中世界最好的语言
풀어 주다: 2018-01-22 10:44:56
원래의
1528명이 탐색했습니다.

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

HTML: 제목

제목(Heading)은

-

과 같은 태그를 통해 정의됩니다.

<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 구문:

text-align:right">

방법 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: 가로줄


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

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

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
로그인 후 복사

문단입니다

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

HTML 4.01에서는


의 정렬 속성이 더 이상 사용되지 않습니다.

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

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

CSS 구문(IE 및 Opera):


CSS 구문(Firefox, Chrome 및 Safari):


margin-right:0 " >

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


속성 값 설명css 구문 형식

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


요소의 정렬을 지정합니다.

noshade noshade는 HTML5에서 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.


요소의 색상이 단색으로 렌더링되도록 지정합니다.

크기 픽셀 HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.


요소의 높이를 지정합니다.

너비 픽셀
% HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.


요소의 너비를 지정합니다.

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

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

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

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

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

관련 읽기:

HTML 텍스트 형식의 자세한 예

HTML의 목록 태그는 무엇인가요?

HTML 편집의 기초(초보자를 위한 필독서)

위 내용은 HTML 제목 요약 권장사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿