html5 neue Element-Tags umfassen: „“, „“, „“, „“, „“, „“, „“, „“, „“, „“, „“ usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
html5 neues Element-Tag
Tag
Beschreibung
einen Artikelbereich definieren
Audioinhalt definieren
ermöglicht Ihnen, einen Text unabhängig von der Textrichtungseinstellung seines übergeordneten Elements festzulegen.
... Schaltflächen, Kontrollkästchen oder Schaltflächen
definieren Sie eine Liste von Optionen. Verwenden Sie dieses Element in Verbindung mit einem Eingabeelement, um die möglichen Werte der Eingabe zu definieren.
Wird verwendet, um die Details eines Dokuments oder eines bestimmten Teils eines Dokuments zu beschreiben
Definieren Sie ein Dialogfeld, z. B. ein Eingabeaufforderungsfeld
< ;embed>
Definieren Sie das Einbetten von Inhalten, z. B. Plug-Ins.
Definieren Sie den Titel des -Elements
Geben Sie unabhängige Flussinhalte an (Bilder, Diagramme, Fotos, Code usw.).
Definieren Sie die Fußzeile eines Abschnitts oder Dokuments.
definiert den Kopfbereich des Dokuments
gibt das für das Formular verwendete Schlüsselpaargeneratorfeld an.
Text mit einer Markierung definieren. Bitte verwenden Sie das Tag , wenn Sie Text hervorheben müssen.
Definition von Gewichten und Maßen. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden.
Definieren Sie den Teil des Navigationslinks.
Definieren Sie verschiedene Arten der Ausgabe, beispielsweise die Ausgabe eines Skripts.
Definieren Sie den laufenden Fortschritt (Prozess). Das
-Tag wird in Ruby-Kommentaren verwendet, um zu definieren, was von Browsern angezeigt wird, die keine Ruby-Elemente unterstützen.
Tag definiert die Interpretation oder Aussprache eines Zeichens (chinesische Phonetik oder Schriftzeichen).
Ruby-Kommentar zur Tag-Definition (chinesische Lautschrift oder Schriftzeichen).
Tag definiert einen Abschnitt (Abschnitt, Abschnitt) im Dokument. Zum Beispiel Kapitel, Kopf- und Fußzeilen oder andere Teile des Dokuments. Das
definiert Medienressourcen für Medienelemente (wie und ). Das Tag
enthält den Titel des Detailelements und das Element „details“ wird verwendet, um detaillierte Informationen über das Dokument oder Dokumentfragment zu beschreiben.
Definieren Sie Datum oder Uhrzeit oder beides.
Definieren Sie Datum oder Uhrzeit oder beides. Das Tag
gibt eine externe Textspur für Medien wie das Videoelement an. Das Tag
definiert ein Video, beispielsweise einen Filmclip oder einen anderen Videostream.
Gibt an, wo im Text Zeilenumbrüche eingefügt werden sollten.
(1) Definieren Sie den Navigationslink
Es bedeutet nicht, dass das Hinzufügen dieser Beschriftung irgendwo einen Navigationsstil erzeugt p, fügen Sie das Menü-Tag in die Kopfzeile ein. Das Navigations-Tag kann zusammen mit dem
HTML-Code:
<header>
<p>这是一个header部分</p>
<nav> <!--导航链接标签-->
<ul> <!--配合ul使用-->
<li>首页</li>
<li>关于</li>
<li>产品</li>
<li>联系</li>
</ul>
</nav>
</header> Nach dem Login kopieren
CSS-Code:
/*定义nav的高和颜色*/
nav{
height:30px;
background-color:#F33;
margin-top:100px;}
/*正常设置li的样式*/
li{
list-style:none;
float:left;
width:100px;
height:30px;
} Nach dem Login kopieren
vorher Das Menülayout erfolgt nur mit p
(2) Definieren Sie das Artikel-Tag
Sie können das Artikelblock-Tag verwenden, um Artikel zu schreiben, also verwenden Sie dieses Tag, um Artikel schreiben. Abschnitt Abschnitt, kann zusammen mit
verwendet werden ) Definieren Sie die Gruppierung von Medieninhalten und deren Titel
A. Dieses Tag kann in Verbindung mit dem passenden Tag verwendet werden, aber schreiben Sie den Titel
<article><!--文章块p-->
<h2>文章标题</h2><!--标题-->
<p>文章内容文章内容文章内容文章内容文章内容文章内容
<br>
文章内容文章内容文章内容文章内容文章内容文章内容<br>
文章内容文章内容文章内容</p>
</article> Nach dem Login kopieren
B in die Mitte von . Es kann auch in Verbindung mit
verwendet werden, wobei zum Schreiben von Inhalten verwendet wird. Der Anzeigeeffekt ist ebenfalls unterschiedlich aus dem Effekt der unterstützenden Verwendungarticle{
background-color:#F33;
width:500px;
text-align:center; /*水平居中*/
margin:0px auto;
} Nach dem Login kopieren
(4) Definieren Sie ein Dialogfeld oder Fenster
Sie können in diesem Tag auch die Tags dd und dt verwenden. Der Titel und der Inhalt des Dialogfelds Das Feld hat das Attribut „offen“. Die Kompatibilität dieses Tags ist nicht sehr gut. Dieses Tag kann zusammen mit li
<figure>
<figcaption>标题</figcaption><!--配套-->
<p>标题内容</p>
</figure> Nach dem Login kopieren
B verwendet werden. Sie können Ihren eigenen Inhalt per Rechtsklick hinzufügen (nur Firefox ist kompatibel)
Union (Befehle/Menüelemente definieren, die der Benutzer aus dem Popup-Menü aufrufen kann) mit
<figure>
<dt>标题1</dt>
<dd>标题内容</dd>
</figure> Nach dem Login kopieren
<dialog open>
<dt>1问题</dt>
<dd>1答案</dd>
<dt>2问题</dt>
<dd>2答案</dd>
</dialog> Nach dem Login kopieren
Das gewünschte Element markieren erscheint nach einem Rechtsklick. Klicken Sie auf den gewünschten Menüpunkt
, und der Inhalt wird angezeigt
(6) Titelgruppe
Sie können einige Kombinationen von Titeln < h3> für den allgemeinen Gebrauch
<menu>
<li>定义列表</li>
<li>定义列表</li>
<li>定义列表</li>
</menu> Nach dem Login kopieren
(7) Definieren Sie kleinen Text
Dieses Tag ähnelt tatsächlich anderen Fett-Tags
<menu type="context" id="cai">
<!--label是右键后显示的菜单项,onclick是选中菜单后执行的代码-->
<menuitem label="菜单一" onclick="alert('这是菜单一')" icon="右键单击显示的图片"></menuitem>
</menu> Nach dem Login kopieren
(8) Definieren Sie die Details des Elements< Details>
Der darin enthaltene Inhalt kann mit den Titel- und Inhalts-Tags verwendet werden
<span contextmenu="cai">单击我试试</span> Nach dem Login kopieren
Klicken Sie auf die Details, um den Titel und den Inhalt anzuzeigen
(9) Definieren Sie einen Ruby-Kommentar
Ich erkenne es nicht. Sie können dies verwenden, um Pinyin für Zeichen zu kommentieren, aber die Kompatibilität ist nicht sehr gut. Sie können es ändern, wenn es soweit ist.
<hgroup><!--标题组-->
<h3>标题</h3>
<h3>标题1</h3>
<h3>标题2</h3>
<h3>标题3</h3>
</hgroup> Nach dem Login kopieren
(10) Definieren Sie die Messung innerhalb des vordefinierten Bereichs
Es gibt mehrere Attributwerte, min="" max="" value="" low="" high="", wobei low und high Bereiche sind, die überschritten werden, werden unterschiedliche Effekte angezeigt<small>法律条文</small>
<small>联系我们</small>
<small>客户意见</small> Nach dem Login kopieren
Der Wert überschreitet, nachdem der Bereich bestimmt wurde Der Wert ist der angezeigte Fortschritt. Verwenden Sie ihn, um einen dynamischen Fortschrittsbalken zu erstellen. Der Fortschrittsbalken kann auf diese Weise vervollständigt werden, als nur in js zu schreiben Empfehlungen: „HTML-Video-Tutorial
“
Das obige ist der detaillierte Inhalt vonWelche neuen Element-Tags werden in HTML5 hinzugefügt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!