기본 HTML 구문과 의미론적 작성 규칙에 대한 자세한 설명-HTML 튜토리얼-php.cn

기본 HTML 구문과 의미론적 작성 규칙에 대한 자세한 설명

王林

풀어 주다： 2020-02-21 18:17:43

앞으로

2698명이 탐색했습니다.

기본 HTML 구문과 의미론적 작성 규칙에 대한 자세한 설명

DOCTYPE

DOCTYPE(문서 유형)

이 문은 다음 위치에 있습니다. 문서의 가장 앞쪽에 있는 html 태그 앞에 있는 이 태그는 문서가 어떤 HTML 또는 XHTML 사양을 사용하는지 브라우저에 알려줍니다.

DTD(Document Type Definition)

선언은 으로 시작하며 대소문자를 구분하지 않으며 내용이 없습니다. 다른 콘텐츠(공백 제외)가 있으면 브라우저가 IE에서 특수 모드를 켜서 웹 페이지를 렌더링하게 됩니다.

Public DTD, 이름 형식은 등록 // 조직 // 유형 태그 // 언어, 등록은 해당 조직이 국제 표준화 기구(ISO)에 등록되었는지 여부를 의미하며 +는 예를 의미합니다. - 아니오를 의미합니다. 조직은 조직의 이름입니다(예: W3C). 유형은 일반적으로 DTD입니다. 태그는 공개 텍스트에 대한 설명, 즉 버전 번호가 뒤에 올 수 있는 참조된 공개 텍스트에 대한 고유한 설명 이름을 지정합니다.

마지막 언어는 DTD 언어의 ISO 639 언어 식별자입니다. 예: EN은 영어, ZH는 중국어를 의미합니다. XHTML 1.0은 세 가지 DTD 유형을 선언할 수 있습니다. 엄격한 버전, 전환 버전, 프레임 기반 HTML 문서를 각각 나타냅니다.

(권장 튜토리얼: html 시작하기 튜토리얼)

HTML 4.01 strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

로그인 후 복사

HTML 4.01 Transitional#🎜 ##

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

로그인 후 복사

###html 4.01 프레임 세트###rreee###html5 문서 유형###rreee####meta#######선언 문서 사용법

html5before

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

로그인 후 복사

SEO 최적화

title

<!DOCTYPE html><!-- 使用 Html5 doctype，不区分大小写 -->

로그인 후 복사

페이지 설명

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
html5
<meta charset="utf-8">

로그인 후 복사

의 문자 인코딩 # 🎜🎜#키워드

    <title>your title</title>

로그인 후 복사

웹 작성자

    <meta name="description" content="your description">

로그인 후 복사

웹 검색 엔진 색인 방법

    <meta name="keywords" content="your keywords">

로그인 후 복사

follow 링크를 추적하고 대상 웹 페이지를 분석합니다. 이는 기본 동작이므로 무시할 수 있습니다.

index 웹페이지의 색인을 생성합니다. 이는 기본 동작이므로 무시할 수 있습니다.

noodp 콘텐츠 설명을 작성하기 위해 Open Directory 프로젝트를 사용하지 않습니다.

noydir은 콘텐츠 설명을 작성하기 위해 Yahoo 디렉토리를 사용하지 않습니다.

noarchive에서는 검색 엔진이 캐시된 콘텐츠 버전을 표시하는 것을 허용하지 않습니다.

cache를 사용하면 검색 엔진이 콘텐츠의 캐시된 버전을 표시할 수 있습니다.

nocache는 검색 엔진이 캐시된 콘텐츠 버전을 표시하는 것을 허용하지 않습니다.

태그

문서의 구조를 정의하고 문서의 마크업을 보다 의미있게 만듭니다.

tips

html5 태그가 더 풍부하고 완전해져서 div 태그는 별 쓸모 없을 것 같지만 만약에 문서에 스타일 섹션을 추가하고 싶을 때 div 태그가 유용합니다.

브라우저마다 태그의 기본 스타일에 약간의 차이가 있습니다. 다른 브라우저에서 동일한 효과로 웹페이지를 보려면 일반적으로 태그 스타일의 서식을 먼저 지정해야 합니다#🎜 🎜#

    <meta name="author" content="your name">

로그인 후 복사

#🎜 🎜#html5를 지원하지 않는 브라우저에서 html5 태그를 사용하려면 자바스크립트 코드의 작은 조각을 추가해야 합니다

# 🎜🎜#Tag editable attribute contenteditable#🎜🎜 #

    <meta name="robots" content="index,follow">

로그인 후 복사

더 많은 프로그래밍 관련 내용을 보시려면 PHP 중국어 홈페이지의 Programming Introduction

칼럼을 주목해주세요!

위 내용은 기본 HTML 구문과 의미론적 작성 규칙에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!