html5의 기본 문서 구조에 있는 세 가지 태그는 무엇입니까?-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

html5의 기본 문서 구조에 있는 세 가지 태그는 무엇입니까?

青灯夜游

Dec 16, 2021 pm 05:38 PM

html5

html5의 기본 문서 구조에 있는 세 가지 태그: 1. "" 태그는 브라우저에 HTML 문서임을 알리는 데 사용됩니다. 2. "
" 태그는 문서 및 제공 브라우저는 문서 내용 및 마크업에 대한 정보를 제공합니다. 3. "" 태그에는 방문자가 볼 수 있는 내용이 포함됩니다.

html5의 기본 문서 구조에 있는 세 가지 태그는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML(Hypertext Markup Language)은 1990년대 초반에 탄생했으며 웹 페이지를 구성하는 요소를 지정하는 데 사용됩니다. 이러한 요소의 대부분은 제목, 단락, 목록, 다른 링크와 같은 웹 페이지 콘텐츠를 설명하는 데 사용됩니다. 웹페이지 등 HTML5는 HTML의 최신 버전입니다. 대부분의 콘텐츠는 이전 브라우저와 새 브라우저와 호환되며 많은 새로운 기능이 추가되었습니다. HTML5에는 기본 오디오 및 비디오 재생 기능도 도입되었습니다.

HTML5 소개

HTML5는 실제로 현대적이고 풍부한 웹 콘텐츠를 만드는 데 사용되는 일련의 관련 기술의 일반적인 이름입니다. 가장 중요한 세 가지 기술은 HTML5 핵심 사양, CSS(Cascading Style Sheets) 및 JavaScript입니다.

1) HTML5 핵심 사양은 콘텐츠를 표시하는 데 사용되는 요소를 정의하고 그 의미를 명확히 합니다.

2) CSS는 사용자 앞에 태그된 콘텐츠의 모양을 제어하는 데 사용됩니다.

3) JavaScript는 HTML 문서의 내용을 조작하고 사용자 작업에 응답하는 데 사용됩니다.

동시에 HTML5는 기본 멀티미디어 지원, 프로그래밍 가능한 콘텐츠(캔버스 요소, JavaScript를 사용해야 함) 및 Semantic Web을 도입합니다.

HTML5의 역사에 대해 더 알고 싶다면 다음을 참조하세요. Wikipedia

HTML 문서의 기본 구조

" HTML 문서는 문서에 대한 설명입니다. 고정된 구조를 가지며 여러 부분으로 나누어져 있습니다. 각 부분은 하나 이상의 요소를 포함합니다. 일부 요소는 기본 정보를 설명하는 데 사용됩니다. 다음은 기본 HTML 문서의 구조입니다.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Your page title</title>
</head>
<body>
.....
</body>
</html>

이 HTML 문서는 빈 페이지를 설명하며 이러한 기본 구성 요소는 HTML 문서의 개요와 브라우저의 초기 환경을 결정합니다. .

DOCTYPE 요소

DOCTYPE 요소는 생략할 수 있으며 대부분의 브라우저는 여전히 문서 내용을 올바르게 표시하지만 브라우저의 동작에 의존하는 것은 좋지 않습니다.

HTML을 처리합니다.
문서 내용을 표시하는 데 사용된 HTML 버전입니다.

참고: doctype 선언은

html 요소 에 속하지 않습니다.

html 요소는 브라우저에 HTML 문서임을 알려주는 루트 요소입니다. lang 속성은 페이지 콘텐츠의 기본 언어를 지정합니다. 예를 들어 en은 영어, es는 스페인어 등을 의미합니다.

head 요소

head 요소에는 문서의 메타데이터가 포함되어 있어 브라우저에 문서의 내용과 마크업에 대한 정보를 제공하며 스크립트와 외부 리소스(예: CSS 스타일 시트)에 대한 참조도 포함될 수 있습니다

. body 요소

문서의 본문 부분에는 방문자가 볼 수 있는 내용이 포함됩니다.

이 기본 구조를 갖춘 후에 나중에 HTML의 다른 요소를 점진적으로 추가하여 문서를 지속적으로 풍부하게 만들 수 있습니다. 우리가 원하는 페이지

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html5의 기본 문서 구조에 있는 세 가지 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

React의 한계는 무엇입니까?May 02, 2025 am 12:26 AM

반응 말 : 1) asteeplearningcurveduetoitsvastecosystem, 2) Seochallengswithclient-siderendering, 3) PlatiperFormanceIssUseInlargeApplications, 4) ComplexStateManagementAsAppSgrow, 및 5) theneedTokeEpupWithitsHouou

React의 학습 곡선 : 새로운 개발자를위한 도전May 02, 2025 am 12:24 AM

ReactisChallengingforbeginnersdueToitssteePlearningCurveanDParadigMshiftTocomponent 기반 Architection.1) 시작된 문서화 forasolidFoundation.2) startWithOficialDocumentationForAsolIdfoundation.2) 이해를 이해하는 방법

React에서 동적 목록을위한 안정적이고 고유 한 키 생성May 02, 2025 am 12:22 AM

thecorechallengeenderatingStableanduniquekysfordynamiclistsinconsengingconsententifiersacrossre-rendersforefficialdomupdates

JavaScript 피로 : React 및 그 도구로 최신 상태를 유지합니다May 02, 2025 am 12:19 AM

JavaScriptFatigueInreactismanageablewithstrestriveStriveStriveStiMelearningandcuratedInformationSources.1) 1))

usestate () 후크를 사용하는 테스트 구성 요소May 02, 2025 am 12:13 AM

TOTESTREACTCOMPONENTSUSINSUSISTATEHOOK, useJestAndReactTestingLibraryTosimulationInteractionsandStateChangeSintheUI.1) renderTheComponentAndCheckInitialState.2) SimulateUserActionSlikeClickSorformSubMissions.3) verifyTateRecerFectsin

React의 키 : 성능 최적화 기술에 대한 깊은 다이빙May 01, 2025 am 12:25 AM

keysinReactareCrucialforopiTizingPerformanceByIningIneficiveliceListEpdates.1) uskeyStoIndifyAndTrackListElements.2) revingArrayIndiceSkeyStopReverFormanceSues.3) 선택 가능한 식당 LikeItesteM.idtomaintaintAteAndimProvePerform

React의 열쇠는 무엇입니까?May 01, 2025 am 12:25 AM

RenderingListStoimproverCiliationeficiency를 사용하면 RECTKEYSAREUNIQUEINDIFIERSEDS (1) ISHELPREACTTRACKCHANGENLISTEMS, 2) 사용 ASSABLEANDUNICEIDERIDERSISTEMIDSISRECEMENDEND, 3) RepoySingArrayIndicesAskeyStopReventIsseswithReAdering 및 4) ENS