Heim >Web-Frontend >HTML-Tutorial >Zusammenfassung aller HTML5-Tags und Erläuterung der Tag-Bedeutungen
Zusammenfassung aller HTML5-Tags und Erläuterung der Tag-Bedeutungen
- 不言Original
- 2018-05-08 15:51:232408Durchsuche
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
23c3de37f2f9ebcb477c4a90aac6fffd Tag definiert einen Artikel
1aa9e5d373740b65a0cc8f0a02150c53 🎜>c787b9a589a3ece771e842a6176cf8e9 Marker definiert den Navigationslink
2f8332c8dcfd5c7dec030a070bf652c3 Marker definiert einen Bereich
15221ee8cba27fc1d7a26c47a001eb9b Marker definiert die Seitenleiste des Inhaltsbereichs der Seite
d8eccd9ed644b68a6460a2bb84548c82 Zugehörige Informationen zu einem Block in
24203f2f45e6606542ba09fd2181843a Das Tag definiert eine Reihe von Medieninhalten und deren Titel. Das Tag
614eb9dc63b3fb809437a716aa228d24
ad7f674ef4bb2fe8d53f6e84c972fccd Tag definiert ein Video
b97864c2e0ef2353a16c4d64c7734e92 Tag definiert Audioinhalte
cba3aeaf09a4bcf0977e4425d129cab3 Tag definiert externe interaktive Inhalte oder Plug-Ins wie Flash
Webanwendungs-Tag
5c0e96d12fc7501cef2ae2efde646ee0Befehlsliste
9b8d7b889acba92c978f783c55ba01dcMenübefehl Listen-Tag FF (eingebettetes System)
e2b9f03cad787b9644e1f51fd23b7dac Menü-Tag definiert eine Befehlsschaltfläche
6ecb87e5318a36c03c59e25d55f43372 Status-Tag (Aufgabenprozess: Installation, Laden) C, F, Ofc86e7b705049fc9d4fccc89a2e80ee3 definiert eine Dropdown-Liste für das Eingabe-Tag und arbeitet mit der Option F, O zusammen a5e9d42b316b6d06c62de0deffc36939-Tag zum Definieren des detaillierten Inhalts eines Elements und kooperiert mit dt , dd C
Kommentar-Tag
ec41f2147470148e85ad0337a362103e Kommentar oder phonetisches Symbol
515718f19dfe6612658be14be18aa0ec Informieren Sie Browser, die Ruby-Elemente nicht unterstützen. Anzeigen Sie
7240f116d85a7ee375466871bc33670a Kommentarinhaltstext für die Tag-Definition
Andere Tags
aa983b9eb8086376f1f6481364a02e5a Ein generierter Schlüsselwert im Tag-Definitionsformular (verschlüsselte Informationsübertragung) O, F
f920514e6447cf1d171079d1371f007f Markierung definiert markierten Text (gelber ausgewählter Zustand)
< ;output> Mark definiert einige Ausgabetypen, berechnet Formularergebnisse und kooperiert mit Oninput-Ereignissen
Entfernte HTML-Tags
Rein ausdrucksstarke Elemente:
basefont, big, center , Schriftart, s, Strike, tt, u;
Frame, Frameset, Noframes; Akronym, Applet, Isindex, dir
Neu definierte HTML-Tags
a4b561c25d9afb9ac8dc4d70affff419 Stellt Inline-Text dar, normalerweise in Fettschrift, nicht übergeben, um wichtige Bedeutung anzuzeigen
5a8028ccc7a7e27417bff9f05adf5932 Stellt Inline-Text dar , normalerweise kursiv, nicht zur Angabe wichtiger Bedeutung.
73de882deff7a050a357292d0a1fca94 Um Details zusammenzufassen, kann der Dialog auch durch
f32b48428a809b51f04d3228cdf461fa dargestellt werden. Das Thema endet, obwohl die Anzeige dieselbe ist.
d015d241ae6d34c34210679b5204fe85 zur Darstellung kleiner Schriftarten, wie Druckhinweise oder juristischer Begriffe < ;strong> Zeigt Wichtigkeit statt Hervorhebung an
Beispielcode:
XML/HTML-Code
Inhalt in die Zwischenablage kopieren
<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> 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!