Heim >Web-Frontend >H5-Tutorial >HTML5 sieht sich zunächst zwei neue Elemente an

HTML5 sieht sich zunächst zwei neue Elemente an

黄舟Original: 2017-05-21 14:21:401599Durchsuche

1. Blockelement

HTML5 definiert 8 neues HTML semantische (semantische) Elemente, diese Elemente sind Elemente auf Blockebene . Damit ältere Versionen von Browsern diese Elemente korrekt anzeigen können, können Sie das Anzeige-Attribut von CSS bis blockieren:

header, section, footer, aside, nav, main, article,figure{
 display: block;
}

2. Neues Element hinzufügen

fügt ein neues Element zu HTML hinzu und definiert einen Stil für Element, Die Elementnamen sind 523a75af872c9b7da9495f252f14cbcb:

<!DOCTYPE html>
  <html>
  
  <head>
    <title>Creating an HTML Element</title>
     <script>document.createElement("myHero")</script>
    <style>
    myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
    } 
    </style> 
  </head>
  
  <body>
  
  <h1>我的第一个标题</h1>
  
  <p>我的第一个段落。</p>
  
  <myHero>我的第一个新元素</myHero>
  
  </body>
  </html>

3. MultimediaElement

标签	描述
b97864c2e0ef2353a16c4d64c7734e92	定义音频内容
39000f942b2545a5315c57fa3276f220	定义视频（video 或者 movie）
e02da388656c3265154666b7c71a8ddc	定义多媒体资源 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92
d8e2720730be5ddc9c2a3782839e8eb6	定义嵌入的内容，比如插件。
9bf7cbf2c39baa37076a22499de2f6ed	为诸如 39000f942b2545a5315c57fa3276f220 和 b97864c2e0ef2353a16c4d64c7734e92 元素之类的媒介规定外部文本轨道。

label

Sign

Beschreibung

3856173a0eceb679792f65a38e1fcb00

标签定义图形，比如图表和其他图像。该标签基于 JavaScript的绘图 API

b97864c2e0ef2353a16c4d64c7734e92

DefinitionAudioContent

39000f942b2545a5315c57fa3276f220

DefinitionVideo（Video oder Film )

e02da388656c3265154666b7c71a8ddc

Multimedia-Ressourcen definieren e26e9bceaa3cecafde05584c3fef9fba b97864c2e0ef2353a16c4d64c7734e92

< ;embed>

Eingebettete Inhalte wie Plug-ins definieren.

9bf7cbf2c39baa37076a22499de2f6ed

zum Beispiel 7abdf500b2b3d48cc013d6a2fdeeb443

Beschriftungen definieren Grafiken wie Diagramme und andere Bilder. Dieses Tag basiert auf JavaScript =" http://www.php.cn/code/9596.html" target="_blank">Zeichnung API

5. Neues Formularelement

标签	描述
b2b67eb15edb2170c90d4a06a40a9be6	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
ef2858e926d61e856e613b4641e2865f	规定用于表单的密钥对生成器字段。
be6d67dae90cc1ad6469079e163d0939	定义不同类型的输出，比如脚本的输出。

MarkierenZeichen

Beschreibung

df1e30ab3b01661f71546b44ff3460aa

Definieren Sie eine Liste von Optionen. Bitte verwenden Sie dieses Element mit dem -Eingabeelement , um die -Eingabe zu definieren Mögliche Werte.

< ;Schlüsselgen>

Gibt das für das Formular verwendete Schlüsselpaar anGenerator.

< ;output>

Definieren Sie verschiedene Ausgabetypen, z. B. Skriptausgabe.

6. Neue semantische und strukturelle Elemente

24203f2f45e6606542ba09fd2181843aDer Titel des Elements< ;Fußzeile> oder Annotation -Kommentaren verwendet, um Inhalte zu definieren, die von Browsern angezeigt werden, die das

Label Tag	Beschreibung
23c3de37f2f9ebcb477c4a90aac6fffd	Definieren Sie den Inhalt der Seitenleiste der Seite
15221ee8cba27fc1d7a26c47a001eb9b	Seiteninhalt definieren draußen.
af4e6c3c591431c4583becd75d1c3582	Ermöglicht Ihnen, einen Text unabhängig von der Textrichtungseinstellung des übergeordneten Elements festzulegen.
e2b9f03cad787b9644e1f51fd23b7dac	Befehle definierenSchaltflächen, wie z. B. Optionsfelder, Kontrollkästchen oder Schaltflächen
25550ffaebd901e0762017a3c9bbf10c	Details zur Beschreibung eines Dokuments oder eines bestimmten Teils eines Dokuments Definition Dialogfelder, z. B. Eingabeaufforderungsfelder
631fb227578dfffda61e1fa4d04b7d25	enthält den Titel des Elements Details
	Gibt unabhängige Stream-Inhalte an (Bilder, Diagramme, Fotos, Code usw.).
614eb9dc63b3fb809437a716aa228d24	Definition 24203f2f45e6606542ba09fd2181843a
	Abschnitt
Dokument definieren Fußzeile.	1aa9e5d373740b65a0cc8f0a02150c53Definiert den Kopfbereich des Dokuments
f920514e6447cf1d171079d1371f007f	definiert Text mit Token.
49c6123c49c6be380cb91db06cd3bfa9	Gewichte und Maße definieren. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden.
c787b9a589a3ece771e842a6176cf8e9	Lauffortschritt (Prozess) definieren.
6ecb87e5318a36c03c59e25d55f43372	Definieren Sie den Fortschritt jeder Art von Aufgabe.
ec41f2147470148e85ad0337a362103e	Definition Ruby
(chinesische Phonetik oder Schriftzeichen).	7240f116d85a7ee375466871bc33670a Definieren Sie die Interpretation oder Aussprache eines Zeichens (chinesische Lautschrift oder Schriftzeichen).
515718f19dfe6612658be14be18aa0ec	Wird in Ruby
Ruby -Element nicht unterstützen.	2f8332c8dcfd5c7dec030a070bf652c3	定义文档中的节（section、区段）。
865ebc4a8f40017839ddd62af936776f	定义日期或时间。
37fcc81822f151c26d66e5caf9953670	规定在文本中的何处适合添加换行符。

7. 已移除的元素

在HTML5中不再使用，已经被删除。

·    <acronym>
·    <applet>
·    <basefont>
·    <big>
·    <center>
·    <dir>
·    <font>
·    <frame>
·    <frameset>
·    <noframes>
·    <strike>
·    <tt>

Das obige ist der detaillierte Inhalt vonHTML5 sieht sich zunächst zwei neue Elemente an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ein erster Blick auf HTML5Nächster Artikel：Ein erster Blick auf HTML5

In Verbindung stehende Artikel

Mehr sehen