English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML5ist eine Art und Weise, um Webinhalte zu erstellen.5ist die nächste Generation des Internetstandards, eine Art und Weise, um Internetinhalte zu erstellen und darzustellen. Es wird als eine der Kerntechnologien des Internets angesehen. HTML wurde1990 Jahr,1997Jahr HTML4wurde als Internetstandard anerkannt und weit verbreitet in der Entwicklung von Internet-Anwendungen verwendet.
HTML5ist die neueste Revision von HTML,2014Jahr10Monat von der World Wide Web Consortium (W3C) die Standardisierung abgeschlossen.
HTML5designt, um Multimedia auf mobilen Geräten zu unterstützen.
HTML5ist die Norm für das zentrale Sprach HTML im Web, das Benutzer sehen, wenn sie eine Webseite mit jedem Gerät aufrufen, ursprünglich in HTML-Format, im Browser durch einige Techniken in erkanntes Format umgewandelt.
HTML5 einfach zu lernen.
HTML5 ist der nächste Standard für HTML.
HTML, HTML 4.01Letzte Version wurde 1999 Jahr. Seitdem hat sich die Web-Welt stark verändert.
HTML5 bietet immer noch keine Unterstützung für HTML5 Unterstützung.
HTML5 ist W3C die Zusammenarbeit mit WHATWG ergab, WHATWG ist das Web Hypertext Application Technology Working Group.
WHATWG sich der Web-Formulare und -Anwendungen widmet, während W3C konzentriert sich auf XHTML 2.0. In 2006 Jahr, beide beschlossen, zusammenzuarbeiten, um eine neue Version von HTML zu erstellen.
HTML5 Einige interessante neue Funktionen in
canvas-Elemente für das Zeichnen
video- und audio-Elemente für die Wiedergabe von Medien
bessere Unterstützung für lokale Offline-Speicherung (localStorage und sessionStorage)
neue spezielle Inhaltselemente wie article, footer, header, nav, section
neue Formularelemente wie calendar, date, time, email, url, search
HTML5bringt das Web auf eine reife Anwendungsplattform, auf der Video, Audio, Bilder, Animationen sowie die Interaktion mit Geräten standardisiert sind.
Die !doctype-Erklärung muss im HTML5 Das erste Zeile des Dokuments, sehr einfach zu verwenden:
!DOCTYPE html>
Dies würde HTML-Pfade unterstützen, die5Browser verwenden den Standardmodus zur解析, was bedeutet, dass sie HTML-Pfade5entsprechende Teile alter HTML-Tags, während sie HTML, das sie nicht unterstützen, ignorieren.5neue Eigenschaften.
Dieser Doctype ist kürzer und einfacher als früher, was ihn leichter zu merken und die Anzahl der herunterzuladenden Bytes zu reduzieren ermöglicht.
在一个页面上做的第一件事通常是声明使用的字符集。在以前版本的HTML,它是一个非常复杂的<meta>元素,现在它变得非常简单:
<meta charset="UTF-8">
把这个放到你的<head>,因为在一些浏览器中如果声明的字符集和他们的预期的不同,他们会重新解析一遍HTML文档。另外,如果你目前没有使用UTF-8,建议您把您的网页改为这个编码,因为它简化了不同脚本对文件中字符的处理。
值得注意的是HTML5限制了可用的字符集,他们需要兼容8位的ASCII。这样做是为了加强安全,防止某些类型的攻击。
下面是一个简单的HTML5文档:
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我是一个html5文档标题</title> </head> <body> html5文档内容...... </body> </html>
注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。
新元素
新属性
完全支持 CSS3
Video 和 Audio
2D/3D 制图
本地存储
本地 SQL 数据
Web 应用
使用 HTML5 你可以简单地在网上播放视频(video)和音频(audio)。
使用 HTML5 你可以简单地开发应用
本地数据存储
访问本地文件
本地 SQL 数据
缓存引用
Javascript 工作者
XHTMLHttpRequest 2
使用 HTML5 你可以简单地绘制图形:
使用 <canvas> 元素。
使用内联 SVG.
使用 CSS3 2D 转换、CSS3 3D 转换.
新选择器
新属性
动画
2D/3D 转换
圆角
阴影效果
可下载的字体
了解更多CSS3知识请查看本站的 CSS3 教程。
HTML5 添加了很多语义元素如下所示:
标签 | 描述 |
<article> | 定义页面独立的内容区域。 |
<aside> | 定义页面的侧边栏内容。 |
<bdi> | 允许您设置一段文本,使其脱离其父元素的文本方向设置。 |
<command> | 定义命令按钮,例如单选按钮、复选框或按钮 |
<details> | 用于描述文档或文档某个部分的细节 |
<dialog> | 定义对话框,例如提示框 |
<summary> | 标题包含 details 元素的标签 |
<figure> | Gibt unabhängige Flussinhalte (Bilder, Diagramme, Fotos, Code usw.) vor. |
<figcaption> | Definiert den Titel des <figure>-Elements. |
<footer> | Definiert den Fußbereich einer Section oder eines Dokuments. |
<header> | Definiert den Kopfbereich des Dokuments. |
<mark> | Definiert text mit Markierungen. |
<meter> | Definiert Maßeinheiten. Nur für Maße mit bekannten Maximal- und Minimalwerten. |
<nav> | Definiert Teile von Navigationslinks. |
<progress> | Definiert den Fortschritt jeder Art von Aufgabe. |
<ruby> | Definiert ruby-Kommentare (chinesische Phonetische Transkription oder Zeichen). |
<rt> | Definiert die Erklärung oder Aussprache eines Zeichens (chinesische Phonetische Transkription oder Zeichen). |
<rp> | Wird in ruby-Kommentaren verwendet, um den Inhalt anzuzeigen, der in Browsern angezeigt wird, die ruby-Elemente nicht unterstützen. |
<section> | Definiert Abschnitte (section, Abschnitt) im Dokument. |
<time> | Definiert Datum oder Uhrzeit. |
<wbr> | Bestimmt, wo im Text ein Zeilenumbruch hinzugefügt werden sollte. |
Neue Formularelemente, neue Attribute, neue Eingabetypen, automatische Validierung.
Nachfolgende HTML 4.01 Elemente in HTML5Wurde in der Mitte entfernt:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
Mit unserem HTML-Editor können Sie HTML bearbeiten und dann auf die Schaltfläche klicken, um das Ergebnis anzuzeigen.
!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Grundlegendes Tutorial-Netz(oldtoolbag.com)</title> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Ihr Browser unterstützt das "video"-Element nicht. </video> </body> </html>Testen Sie es heraus ‹/›
Die neuesten Versionen von Safari, Chrome, Firefox und Opera unterstützen bestimmte HTML-Elemente5 Eigenschaften unterstützen. Internet Explorer 9 wird einige HTML5 Eigenschaften.
IE9 Nachfolgende Browser sind kompatibel mit HTML5Methoden, um die statischen Ressourcen der Website html zu verwenden5shiv-Paket:
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]>-->
Nach dem Laden, initialisiere das CSS für die neuen Tags:
/*html5*/ article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
Auf dieser Seite finden Sie Informationen über HTML5 der Tags und Attributbeschreibungen, mehr Details bitte klicken HTML5Referenzhandbuch.