HTML5 연구 노트의 간결한 버전(1): HTML5 소개 및 구문
HTML5 소개
HTML5는 HTML4 이후의 차세대 HTML 표준 사양으로, 몇 가지 새로운 요소와 속성(예:
구문
1 문서 미디어 유형
HTML5에서 정의한 대부분의 HTML 구문은 HTML4 및 XHTML1과 호환되지만 일부는 호환되지 않습니다. 대부분의 HTML 문서는 text/html 미디어 유형으로 저장됩니다.
HTML5는 HTML 구문에 대한 자세한 구문 분석 규칙(오류 처리 포함)을 정의하며 사용자는 이를 text/html 미디어 유형으로 저장하려면 이러한 규칙을 따라야 합니다. 다음은 HTML 구문 사양을 준수하는 예입니다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Example document</title>
</head>
<body>
<p>Example paragraph</p>
</body>
</html>HTML5는 신뢰할 수 없는 콘텐츠를 호스팅할 수 있도록 HTML 구문에 대한 text/html-sandboxed 미디어 유형도 정의합니다.
HTML5에서 사용할 수 있는 다른 구문은 XHTML1과 호환되는 XML입니다. XML 구문을 사용하는 경우 문서를 XML 미디어 유형으로 저장하고 XML 사양에 따라 네임스페이스를 http://www.w3.org/1999/xhtml로 설정해야 합니다.
다음 예제 문서는 HTML5의 XML 구문 사양을 준수합니다. XML 문서는 application/xhtml+xml 또는 application/xml과 같은 XML 미디어 유형으로 저장되어야 합니다.
2문자 인코딩
HTML5的HTML语法里，有三种形式可以声明字符串的encoding类型：
在传输级别（transport level）上，在HTTP实例的header里设置Content-Type。
在文件的开头设置一个Unicode的Byte Order Mark(BOM)，该字符为文件的encoding方式提供了一个签名。
在文档的前1024个byte之前的内容里，使用带有charset属性的meta元素来声明encoding方式。例如：表明该文档是UTF-8格式的。它是替换原有的语法声明，尽管原有的语法依然可用，但在HTML5里不推荐使用。
对于HTML5里的XML语法，依然和以前的XML语法声明式一样的。
3 DOCTYPE
HTML5的HTML语法要求文档必须声明DOCTYPE以确保浏览器可以在标准模式下展示页面。这个DOCTYPE没有其它的目的，并且在XML里是可选项，因为XML媒体格式的文档一直就是在标准模式下处理的。
DOCTYPE的声明方式是，不区分大小写。HTML的早期版本声明的DOCTYPE需要很长是因为HTML语言是建立在SGML的基础上，所以需要关联引用一个相对应的DTD。HTML5和之前的版本不一样了，仅仅需要声明DOCTYPE就可以告诉文档启用的是HTML5语法标准了，浏览器会为做剩余的工作的。
4 MathML和SVG
HTML5的HTML语法允许在文档里使用MathML（数学标记语言）和SVG（可伸缩矢量图）元素。例如，一个非常简单的HTML页面包含一个svg元素画出的圆：
<!doctype html> <title>SVG in text/html</title> <p> A green circle: <svg> <circle r="50" cx="50" cy="50" fill="green"/> </svg> </p>
更多复杂的组合标记也是支持的，比如使用svg的foreignObject元素你可以嵌套MathML, HTML，或者自身嵌套。
5 其它
HTML5已经原生支持IRI了，尽管这些IRI只能在UTF-8和UTF-16的文档里使用。
lang属性如果设置的不合法，将会更新为空字符串，以告诉浏览器是一个未知的语言，作用和XML里的xml:lang一样。
以上就是HTML5学习笔记简明版（1）：HTML5介绍与语法 的内容，更多相关内容请关注PHP中文网（www.php.cn）！
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7691
15
1639
14
1393
52
1287
25
1229
29
HTML의 테이블 테두리
Sep 04, 2024 pm 04:49 PM
HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.
HTML의 중첩 테이블
Sep 04, 2024 pm 04:49 PM
HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.
HTML 여백-왼쪽
Sep 04, 2024 pm 04:48 PM
HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.
HTML 테이블 레이아웃
Sep 04, 2024 pm 04:54 PM
HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.
HTML 입력 자리 표시자
Sep 04, 2024 pm 04:54 PM
HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.
HTML에서 텍스트 이동
Sep 04, 2024 pm 04:45 PM
HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.
HTML 정렬 목록
Sep 04, 2024 pm 04:43 PM
HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.
HTML 온클릭 버튼
Sep 04, 2024 pm 04:49 PM
HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
