Welche neuen Element-Tags werden in HTML5 hinzugefügt?-Front-End-Fragen und Antworten-php.cn

Heim

Web-Frontend

Front-End-Fragen und Antworten

Welche neuen Element-Tags werden in HTML5 hinzugefügt?

青灯夜游

Dec 22, 2021 am 11:52 AM

html5

html5 neue Element-Tags umfassen: „
“, „
“, „

Welche neuen Element-Tags werden in HTML5 hinzugefügt?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

html5 neues Element-Tag

... 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 EingabeaufforderungsfeldDefinieren 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

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.

Tag	Beschreibung
	einen Artikelbereich definieren
	Definieren Sie die Seite der Seitenspalte Inhalt
	Audioinhalt definieren
	ermöglicht Ihnen, einen Text unabhängig von der Textrichtungseinstellung seines übergeordneten Elements festzulegen.



	< ;embed>





















	(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 -Tag verwendet werden. 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 Verwendung article{ 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 “