5가지 필수 부분이 있습니다: 1. 페이지를 작성하는 데 사용된 마크업 버전을 브라우저에 알리는 데 사용되는 DOCTYPE 선언 2. 문서의 메타데이터를 포함하고 브라우저에 정보를 제공하는 HTML 루트 요소 3. 주로 코딩 선언, 제목, 스타일 시트 삽입 등을 포함하는 헤드 4. 문서의 제목을 정의하는 데 사용되는 제목 부분, 모든 내용을 포함합니다. 문서의.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML 문서는 고정된 구조를 갖고 있으며 각 부분은 하나 이상의 요소를 포함하고 있습니다. 일부 요소는 문서의 기본 정보를 설명하는 데 사용되며 일부 요소는 문서 구조를 설명합니다. 다음은 기본 HTML 문서의 구조입니다.
<!DOCTYPE html> <html lang="en"> <head> <title>Your page title</title> </head> <body> ..... </body> </html>
이 HTML 문서는 개요와 탐색을 결정합니다. HTML 문서의 초기 환경입니다.
표준 HTML 문서에 필요한 5가지 부분을 볼 수 있습니다.
선언 부분: DOCTYPE 선언
DOCTYPE은 문서 유형(document type)의 약어입니다.
doctype 선언은 HTML 태그가 아니라 페이지가 작성된 마크업 버전을 브라우저에 알려주는 문서 유형 태그입니다.
doctype 선언은 웹 디자인에서 사용 중인 XHTML 또는 HTML 버전을 나타내는 데 사용되는 표준 범용 마크업 언어 문서 유형 선언입니다.
이 요소는 브라우저에 두 가지를 알려줍니다.
HTML 문서를 다룹니다.
문서의 내용을 표시하는 데 사용되는 HTML 버전은 HTML5가 사용됨을 나타냅니다.
브라우저가 예상되는 문서 유형을 이해할 수 있도록 모든 HTML 문서에서 doctype을 지정하는 것이 매우 중요합니다.
참고:
태그에는 닫는 태그가 없습니다.
은 대소문자를 구분하지 않습니다.
전체 분석: 모든 콘텐츠
html 요소는 루트 요소로, 브라우저에 HTML 문서임을 알려줍니다.
태그는 HTML 문서의 가장 바깥쪽 요소입니다.
태그는 다른 모든 HTML 요소( 태그 제외)에 대한 컨테이너입니다.
루트 요소의 기능은 과 사이의 콘텐츠가 HTML 유형임을 브라우저에 알려주는 것이며, 브라우저는 콘텐츠를 HTML로 구문 분석합니다.
html 요소에는 lang 속성, xmlns 속성 및 매니페스트 속성이라는 3가지 속성이 있습니다.
lang 속성은 페이지 콘텐츠에서 사용되는 기본 언어를 지정합니다. 문서가 작성된 언어를 지정하면 언어 합성 도구가 발음 언어를 선택하거나 번역 도구가 번역 규칙을 선택하는 데 도움이 됩니다. 예를 들어 은 이 문서가 중국어로 작성되었음을 의미합니다.
xmlns 속성은 XML 네임스페이스를 할당합니다. xmlns 속성은 XHTML에는 필요하지만 HTML에는 필요하지 않습니다.
매니페스트 속성은 오프라인 캐시 파일의 URL을 제공합니다. HTML5에는 웹 애플리케이션을 캐시하고 오프라인으로 액세스할 수 있는 애플리케이션 캐싱이 도입되었습니다. 예를 들어 는 오프라인 캐시 파일이 waibo.manifest임을 의미합니다.
Head:
head 요소에는 문서에 대한 메타데이터가 포함되어 있어 브라우저에 문서 콘텐츠 및 마크업에 대한 정보를 제공하며 스크립트 및 외부 액세스에 대한 액세스도 포함될 수 있습니다. 리소스(예: CSS 스타일 시트) 참조.
HTML 문서의 다양한 속성과 정보는
요소에 정의됩니다.문서 제목:
| Attribute | value | description |
|---|---|---|
| accesskey | character | 요소 |
| class | classname에 액세스하기 위한 키보드 단축키를 지정합니다. | 요소의 클래스 이름을 지정합니다. (스타일 시트의 클래스를 지정하는 데 사용됨) |
| contenteditable |
|
사용자가 콘텐츠를 편집할 수 있는지 여부를 지정합니다. |
| contextmenu | menu_id | 요소의 컨텍스트 메뉴를 지정합니다. |
| data-yourvalue | value |
크리에이터 정의 속성. HTML 문서 작성자는 자신의 속성을 정의할 수 있습니다. "data-"로 시작해야 합니다. |
| dir |
|
요소 내 콘텐츠의 텍스트 방향을 지정합니다. |
| draggable |
|
사용자가 요소를 드래그할 수 있는지 여부를 지정합니다. |
| hidden | hidden | 은 요소가 관련이 없음을 지정합니다. 숨겨진 요소는 표시되지 않습니다. |
| id | id | 요소의 고유 ID를 지정합니다. |
| item |
|
은 요소를 결합하는 데 사용됩니다. |
| itemprop |
|
- 그룹 항목. |
| lang | 언어_code | 요소에 있는 콘텐츠의 언어 코드를 지정합니다. |
| spellcheck |
|
요소의 철자 또는 문법을 검사해야 하는지 여부를 지정합니다. |
| style | style_definition | 요소의 인라인 스타일을 지정합니다. |
| subject | id | 는 요소에 해당하는 항목을 지정합니다. |
| tabindex | number | 는 요소의 탭 키 제어 순서를 지정합니다. |
| title | text | 요소에 대한 추가 정보를 지정합니다. |
관련 추천: "html 비디오 튜토리얼"
위 내용은 표준 HTML 문서의 필수 부분은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
React의 생태계의 크기 : 복잡한 풍경 탐색Apr 28, 2025 am 12:21 AMTonavigatereact'scomplexecosystemectically, worldsandlibraries, endegeirstrengthsandweaknesses, andintegrateTheMtoEnhancedEvelopment.StartWithCorereaCtConceptSandusestate, gragratevallystecorecomplexSolutionsormerObxasnee
React가 키를 사용하여 목록 항목을 효율적으로 식별하는 방법Apr 28, 2025 am 12:20 AMReactuseskeyStoefficificificificientifyListItemsByProvingableIdentityToeachelement.1) KeysLACKERACERACTTOTRACKCHANGENLISTSWITHOUTRE-RENDERINGENTIRELIST.2) 선택 ARRAYINDICES.3) 교정 keyUsagesSENTIFORYLATIONTIMPROFFERCANC
React의 키 관련 문제 디버깅 : 문제 식별 및 해결Apr 28, 2025 am 12:17 AMKeysinReactareCrucialforopiTizingProcess 및 ManingDynamicListSeffecticaly.tospotandfixkey-RelatedIssues : 1) addUniqueKeyStolistemStoavoidwarningsandperformanceIssues, 2) indainiqueIdentifiers, 3) 보장
React의 편도 데이터 바인딩 : 예측 가능한 데이터 흐름 보장Apr 28, 2025 am 12:05 AMReact의 일원 데이터 바인딩은 데이터가 모성 구성 요소에서 자식 구성 요소로 흐르는 것을 보장합니다. 1) 데이터는 단일로 흐르고 부모 구성 요소의 상태의 변경 사항은 하위 구성 요소로 전달 될 수 있지만, 하위 구성 요소는 부모 구성 요소의 상태에 직접 영향을 줄 수 없습니다. 2)이 방법은 데이터 흐름의 예측 가능성을 향상시키고 디버깅 및 테스트를 단순화합니다. 3) 제어 된 구성 요소 및 컨텍스트를 사용하여 일방 통행 데이터 스트림을 유지하면서 사용자 상호 작용 및 구성 요소 통신을 처리 할 수 있습니다.
React 구성 요소에서 키를 선택하고 관리하기위한 모범 사례Apr 28, 2025 am 12:01 AMKeysinReactarecrucialforforforforforficient DomesandReciliation.1) 선택 가능한, 독특하고, 평범한 경비, 같은 시설, 2) fornestedlists, useUniqueysateachlevel.3) 피할 수 없음.
React 응용 프로그램에서 usestate ()로 성능을 최적화합니다Apr 27, 2025 am 12:22 AMusestate () iscrucialforoptimizingReactAppPerformancedUeToitSumneR-RendersandUpdates.tooptimize : 1) useeCallBackTomeMoizeFunctionsandPreventUncessaryre-renders.2) EmployEsemEmeMoforCachingExpensiveComputations.3) BreakStateSmarloBlesmormormormormor
컨텍스트와 usestate ()를 사용하여 구성 요소간에 상태를 공유Apr 27, 2025 am 12:19 AM컨텍스트와 usestate를 사용하여 대규모 React 응용 프로그램에서 상태 관리를 단순화 할 수 있으므로 상태를 공유하십시오. 1) 프로포 드릴링을 줄이기, 2) 명확한 코드, 3) 글로벌 상태를 쉽게 관리 할 수 있습니다. 그러나 성능 오버 헤드 및 복잡성을 디버깅하는 데주의를 기울이십시오. 컨텍스트 및 최적화 기술의 합리적인 사용은 응용 프로그램의 효율성과 유지 가능성을 향상시킬 수 있습니다.
반응의 가상 DOM 업데이트에 대한 잘못된 키의 영향Apr 27, 2025 am 12:19 AM잘못된 키를 사용하면 React Applications에서 성능 문제와 예기치 않은 동작이 발생할 수 있습니다. 1) 키는 목록 항목의 고유 식별자로 가상 DOM을 효율적으로 업데이트하는 데 도움이됩니다. 2) 동일하거나 비 유니 키 키를 사용하면 목록 항목이 재정렬되고 구성 요소 상태가 손실됩니다. 3) 안정적이고 고유 한 식별자를 키로 사용하면 성능을 최적화하고 전체 재 렌더링을 피할 수 있습니다. 4) eslint와 같은 도구를 사용하여 키의 정확성을 확인하십시오. 키를 올바르게 사용하면 효율적이고 안정적인 반응 응용 프로그램이 보장됩니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
