Einführung in HTML5
HTML5 ist die nächste Generation der HTML-Standardspezifikation nach HTML4. Sie bietet einige neue Elemente und Attribute (z. B.
Syntax
1 Dokumentmedientyp
Der größte Teil der von HTML5 definierten HTML-Syntax ist mit HTML4 und XHTML1 kompatibel, aber einige sind nicht kompatibel. Die meisten HTML-Dokumente werden als Text/HTML-Medientyp gespeichert.
HTML5 definiert detaillierte Parsing-Regeln (einschließlich Fehlerbehandlung) für die HTML-Syntax, und Benutzer müssen diese Regeln befolgen, um sie als Text/HTML-Medientyp zu speichern. Das Folgende ist ein Beispiel, das der HTML-Syntaxspezifikation entspricht:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html>
HTML5 definiert außerdem einen text/html-sandboxed Medientyp für die HTML-Syntax, damit nicht vertrauenswürdige Inhalte gehostet werden können.
Eine andere Syntax, die in HTML5 verwendet werden kann, ist XML, das mit XHTML1 kompatibel ist. Wenn Sie XML-Syntax verwenden, müssen Sie das Dokument als XML-Medientyp speichern und den Namespace gemäß der XML-Spezifikation auf http://www.w3.org/1999/xhtml festlegen.
Das folgende Beispieldokument entspricht der XML-Syntaxspezifikation in HTML5. Es ist zu beachten, dass das XML-Dokument als XML-Medientyp gespeichert werden muss, z. B. application/xhtml+xml oder application/xml.
<?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html>
2-Zeichen-Kodierung
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中文网(m.sbmmt.com)!