HTML5 sieht sich zunächst zwei neue Elemente an-H5-Tutorial-php.cn

HTML5 sieht sich zunächst zwei neue Elemente an

黄舟

Freigeben： 2017-05-21 14:21:40

Original

1571 Leute haben es durchsucht

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;
}

Nach dem Login kopieren

2. Neues Element hinzufügen

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

<!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>

Nach dem Login kopieren

3. MultimediaElement

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

label

Sign

Beschreibung

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

<🎜>

<🎜><🎜>

<🎜><🎜>DefinitionAudio<🎜>Content<🎜><🎜>

<🎜><🎜 >

<🎜><🎜>DefinitionVideo<🎜>（<🎜><🎜>Video <🎜><🎜> oder <🎜><🎜>Film<🎜> <🎜> )<🎜><🎜>

<🎜><🎜> <🎜> <🎜><🎜>

<🎜><🎜>Multimedia-Ressourcen definieren<🎜><🎜>

<🎜><🎜>< ;embed> <🎜><🎜><🎜>

<🎜><🎜>Eingebettete Inhalte wie Plug-ins definieren. <🎜><🎜>

<🎜><🎜><🎜>< 🎜><🎜>

<🎜><🎜> zum Beispiel <🎜><🎜> und <🎜><🎜> < Medien wie das Audio-Element <🎜><🎜> geben eine externe Textspur an. <🎜><🎜>

<🎜><🎜><🎜>4.<🎜> <🎜>Canvas-Element<🎜>Element<🎜>

<🎜><🎜><canvas<🎜>><🎜><🎜><🎜>

<🎜><🎜> Beschriftungen definieren Grafiken wie Diagramme und andere Bilder. Dieses Tag basiert auf <🎜><🎜> JavaScript<🎜><🎜><🎜> =" //m.sbmmt.com/code/9596.html" target="_blank">Zeichnung<🎜><🎜><🎜> API<🎜><🎜><🎜>

5. Neues Formularelement

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

<🎜>Markieren<🎜>Zeichen<🎜><🎜><🎜>

<🎜><🎜>Beschreibung<🎜><🎜><🎜>

<🎜>Liste><🎜><🎜 ><🎜>

<🎜>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

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

Label Tag	Beschreibung
	Definieren Sie den Inhalt der Seitenleiste der Seite
	Seiteninhalt definieren draußen.
	Ermöglicht Ihnen, einen Text unabhängig von der Textrichtungseinstellung des übergeordneten Elements festzulegen.
	Befehle definierenSchaltflächen, wie z. B. Optionsfelder, Kontrollkästchen oder Schaltflächen
	Details zur Beschreibung eines Dokuments oder eines bestimmten Teils eines Dokuments Definition Dialogfelder, z. B. Eingabeaufforderungsfelder
	< Das Tag 🎜> enthält den Titel des Elements Details
	Gibt unabhängige Stream-Inhalte an (Bilder, Diagramme, Fotos, Code usw.).
	Definition
	Abschnitt
Dokument definieren Fußzeile.	Definiert den Kopfbereich des Dokuments
	definiert Text mit Token.
	Gewichte und Maße definieren. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden.
	Lauffortschritt (Prozess) definieren.
	Definieren Sie den Fortschritt jeder Art von Aufgabe.
	Definition Ruby
(chinesische Phonetik oder Schriftzeichen).	Definieren Sie die Interpretation oder Aussprache eines Zeichens (chinesische Lautschrift oder Schriftzeichen).
	Wird in Ruby
Ruby -Element nicht unterstützen.		定义文档中的节（section、区段）。
<time>	定义日期或时间。
	规定在文本中的何处适合添加换行符。

7. 已移除的元素

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

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

Nach dem Login kopieren

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!