简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

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

王林
풀어 주다： 2020-02-21 18:17:43
앞으로
2621명이 탐색했습니다.

기본 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">
로그인 후 복사
기본 HTML 구문과 의미론적 작성 규칙에 대한 자세한 설명더 많은 프로그래밍 관련 내용을 보시려면 PHP 중국어 홈페이지의 Programming Introduction

칼럼을 주목해주세요!

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

관련 라벨：
html 의미론 语法
원천：jb51.net
이전 기사：HTML에서 CSS 파일을 참조하는 방법 다음 기사：html+css+js를 사용하여 핀볼 게임 구현
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PHP에서 VueJS 구성 요소 활용 VueJS를 사용하지 않고도 Php 및 VueJS 구성 요소에서 생성된 기본 HTML을 가장 낮은 dom 리프까지 혼합하고 싶습니다. 상위 레이아웃에는 Vue 애...
에서 2023-11-11 00:01:44
0
2
288
다음 js 13에서 개방형 기본 태그를 사용하는 방법은 무엇입니까? 최근 NextJS13 업데이트에서는 NextHead를 생성하고 일반적인 html 메타 태그를 작성하는 기존 방법과 다른 메타 태그를 처리하는 새로운 방법을 도입했...
에서 2023-11-10 23:03:51
0
1
527
PHP 메일러가 작동하지 않습니다: 오류 로그가 없으며 메시지가 전송되었지만 수신되지 않았다고 표시됩니다. 내 웹서버의 PHP 오류 로그에 어떤 오류 로그도 수신되지 않습니다. 저는 여러 가지 다른 SMTP 서버를 사용해 보았습니다(제가 아는 다른 이메일 제공업체도 작...
에서 2023-11-10 15:02:39
0
1
218
월과 연도만 선택하는 v-date-picker v-date-picker를 사용하여 이 작업을 수행할 수 있는 다른 방법이 있는지 알려주십시오. 사용자가 연도와 월을 선택할 수 있게 하고 날짜 선택 메뉴를 닫아...
에서 2023-11-10 14:05:05
0
1
269
다시 작성된 제목은 다음과 같습니다. SweetAlert2: "onBeforeOpen" 매개변수를 알 수 없습니다. 저는 Sweetalertv2와 함께 Laravel5.8을 사용하고 있으며 다음을 사용하여 Blade에서 이 경고를 트리거하려고 합니다: Swal.fire({tit...
에서 2023-11-10 09:39:01
0
1
257
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！