Dieser Artikel stellt hauptsächlich die Zusammenfassung aller HTML5-Tags und die Erklärung der Tag-Bedeutungen vor. Dieser Artikel fasst Struktur-Tags, Multimedia-Interaktions-Tags, Webanwendungs-Tags, Anmerkungs-Tags, andere Tags usw. zusammen. Freunde in Not können darauf verweisen
Struktur-Tag: (Blockelement) Aussagekräftiges p
Tag definiert einen Artikel 🎜> Marker definiert den Navigationslink Marker definiert einen Bereich Marker definiert die Seitenleiste des Inhaltsbereichs der Seite Zugehörige Informationen zu einem Block in Das Tag definiert eine Reihe von Medieninhalten und deren Titel. Das Tag 🎜> Tag definiert ein Video Tag definiert Audioinhalte
Definiert ein Bild< Embed> Tag definiert externe interaktive Inhalte oder Plug-Ins wie Flash
Webanwendungs-Tag
BefehlslisteMenübefehl Listen-Tag FF (eingebettetes System) Menü-Tag definiert eine Befehlsschaltfläche Status-Tag (Echtzeit-Statusanzeige: Luftdruck, Temperatur) C , O Status-Tag (Aufgabenprozess: Installation, Laden) C, F, O definiert eine Dropdown-Liste für das Eingabe-Tag und arbeitet mit der Option F, O zusammen -Tag zum Definieren des detaillierten Inhalts eines Elements und kooperiert mit dt , dd C
Kommentar oder phonetisches Symbol Informieren Sie Browser, die Ruby-Elemente nicht unterstützen. Anzeigen Sie Kommentarinhaltstext für die Tag-Definition
Andere Tags Ein generierter Schlüsselwert im Tag-Definitionsformular (verschlüsselte Informationsübertragung) O, F Markierung definiert markierten Text (gelber ausgewählter Zustand)
Entfernte HTML-Tags Rein ausdrucksstarke Elemente:
beeinträchtigt die Benutzerfreundlichkeit. Betroffene Elemente: Frame, Frameset, Noframes; Akronym, Applet, Isindex, dir
Neu definierte HTML-Tags
Stellt Inline-Text dar, normalerweise in Fettschrift, nicht übergeben, um wichtige Bedeutung anzuzeigen Stellt Inline-Text dar , normalerweise kursiv, nicht zur Angabe wichtiger Bedeutung.
kann mit Details und Abbildungen verwendet werden. Die Definition kann auch als
Um Details zusammenzufassen, kann der Dialog auch durch es mit commond oder menuitem zur Darstellung kleiner Schriftarten, wie Druckhinweise oder juristischer Begriffe < ;strong> Zeigt Wichtigkeit statt Hervorhebung an
Beispielcode:
<xmp>
<!doctype html>
<html>
<head>
<style>
header{height:150px;background:#ABCDEF}
nav{height:30px;background:#ff9900;margin-top:100px}
nav ul li{width:100px;height:30px;float:left;line-height:30px}
div{margin-top:10px;height:1000px;}
section{height:1000px;background:#ABCDEF;width:70%;float:left}
article{background:#F90;width:500px;margin:0 auto;text-align:center}
aside{height:1000px;background:#ABCDEF;width:28%;float:right}
footer{height:100px;background:#ABCDEF;clear:both;margin-top:10px}
</style>
</head>
<body>
<header>
<p>这是一个header标签</p>
<nav>
<ul>
<li>首页</li>
<li>起夜</li>
<li>论坛</li>
<li>商城</li>
<li>社区</li>
</ul>
</nav>
</header>
<div>
<section>
<p>这是一个section标签</p>
<article>
<h2>春晓</h2>
<p>
春眠不觉晓，<br />
处处蚊子咬，<br />
打上敌敌畏，<br />
不至死多少。<br />
</p>
</article>
<hr />
<article>
<h2>上学歌</h2>
<p>
太阳当空照，<br />
花儿对我笑，<br />
小鸟说早早早，你为什么背上小书包?<br />
我要炸学校老师不知道，一拉线，赶快跑，<br />
轰的一声，学校炸没了。<br />
</p>
</article>
<hr />
<figure>
<figcaption>UFO</figcaption>
<p>不明飞行物 Unknown Flying Object</p>
</figure>
<figure>
<dt>DDS</dt>
<dd>大屌丝</dd>
</figure>
<hr />
<dialog>
<dt>唐僧:悟空，你又调皮了，观音姐姐的月光宝盒怎么能乱扔呢？</dt>
<dd>悟空:...(看着)</dd>
<dt>唐僧:乱扔是不对的，砸到小朋友怎么办？就算砸不到小朋友，砸到花花草草也是不好的嘛</dt>
<dd>悟空:...(纠结)</dd>
<dt>唐僧:悟空你想要么？想要你就告诉我呀，你不告诉我怎么知道你想要呢？。。。。</dt>
<dd>悟空:我靠!(一棍子抡上去！)</dd>
</dialog>
<hr />
<menu>
<li>点击</li>
<li>右键单击</li>
</menu>
<hr />
<span contextmenu="candan">右键单击我试试</span>
<menu type="context" id="candan">
<menuitem label="菜单一" onclick="alert('我是一个寂寞')" icon="http://www.baidu.com/img/baidu_sylogo1.gif"></menuitem>
</menu>
<hr />
<meter min="0" max="10" value="5" low="3" high="7" ></meter>
<progress max="100" value="0" id="pro"></progress>
<script>
var pro =document.getElementByIdx_x_x_x('pro');
setInterval(function(){
pro.value+=1;
},100);
</script>
<hr />
<details>
<dt>这是一个问题？</dt>
<dd>to be or not to be</dd>
<dt>这是一个问题？</dt>
<dd>to be or not to be</dd>
<dt>这是一个问题？</dt>
<dd>to be or not to be</dd>
</details>
<hr />
<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>
<hr />
女人<mark>最喜欢做的事情</mark>就是逛街。。。吃零食。。逛街。。吃零食，偶尔还会呜呜的哭，
于是总结了下女人:逛吃逛吃逛吃逛吃。。。呜呜呜~·
</section>
<aside>
<p>这是一个aside标签</p>
<hgroup>
<h3>女生宿舍为何频频被盗</h3>
<h3>两百头母猪为何半夜惨死</h3>
<h3>是人性的扭曲？</h3>
<h3>还是道德的沦丧！</h3>
</hgroup>
</aside>
</div>
<footer>
<p>这是一个footer标签</p>
<hr />
<small>法律条文</small>
<small>联系我们</small>
<small>客户意见</small>
<small>商户合作</small>
</footer>
</body>
</html>
</xmp> Nach dem Login kopieren
Das obige ist der detaillierte Inhalt vonZusammenfassung aller HTML5-Tags und Erläuterung der Tag-Bedeutungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
was ist h5
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Der Unterschied zwischen HTML und HTML5
So implementieren Sie h5, um nach oben zu rutschen und die nächste Seite auf der Webseite zu laden
So löschen Sie leere Seiten in Word
Welche Big-Data-Speicherlösungen gibt es?
So öffnen Sie eine VSD-Datei
Gründe für übermäßigen Datenverkehr auf ausländischen Website-Servern
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
