HTML5の全タグの概要とタグの意味の説明_html5チュートリアルスキル

構造タグ: (ブロック要素) 意味のある div

タグは記事を定義します

タグはページまたは領域のヘッダーを定義します

タグはナビゲーション リンクを定義します

タグはエリアを定義します

タグはページのコンテンツ部分のサイドバーを定義します

タグはファイル内のブロックに関する情報を定義します

タグメディア コンテンツのグループを定義し、その Title

タグは Figure 要素のタイトルを定義します。

タグはページまたは領域の下部を定義します

タグは WeChat と同様のダイアログ ボックス (会話ボックス) を定義します

マルチメディア インタラクティブ タグ

Web アプリケーションタグ

コマンド リスト

メニュー コマンド リスト ラベル FF (組み込みシステム)
コマンド ボタンを定義します
時間ステータス表示: 気圧、温度) C、O
ステータス ラベル (タスク プロセス: インストール、ロード) C、F、O
入力のドロップダウン リストを定義します。タグ、オプション F、O

タグは、dt および dd C
と組み合わせて、要素の詳細な内容を定義します。

コメントタグ
タグ定義コメントまたは発音記号
Ruby 要素をサポートしていないブラウザに
タグはルビのコメント内容のテキストを定義します

その他のタグ

マーク定義フォームで生成されたキー値(暗号化情報送信) O, F マーク定義テキスト (黄色の選択状態)

タグはいくつかの出力タイプを定義し、フォームの結果を計算し、oninput イベントと連携します。

HTML タグを削除しました

純粋に表現力豊かな要素:

basefont、big、center、font、s、strike、tt、u;

ユーザビリティに悪影響を与える要素:

frame、frameset、noframes;

紛らわしい要素:
頭字語、アプレット、isindex、dir

HTML タグを再定義しました

インライン テキストを表し、重要な意味を示すことはありません。 インライン テキストを表します。重要な意味は示されません。

定義にはテキストが含まれており、

---

を詳細と図とともに使用することもできます。トピックの終わり。表示は同じですが、
ユーザー インターフェイスのメニューを再定義します。これを commond または menuitem
と一緒に使用します。コメントや法律用語の印刷など
強調ではなく重要

サンプルコード:

XML/HTML コード

コンテンツをクリップボードにコピー

1. xmp>
2. /span>>
3. html>
4. 頭>
5. スタイル>
8. ヘッダー{高さ:150px;背景:#ABCDEF}
9. nav{高さ:30px;背景:#ff9900;マージントップ:100px}
10. nav ul li{width:100px;height:30px;float:left;line-height:30px}
12. div{margin-top:10px;height:1000px;}
13. セクション{高さ:1000px;背景:#ABCDEF;幅:70%;浮動小数点:左}
14. article{background:#F90;width:500px;margin:0 auto;text-align:center}
16. aside{高さ:1000px;背景:#ABCDEF;幅:28%;浮動小数点:右}
18. フッター{高さ:100px;背景:#ABCDEF;クリア:両方;マージントップ:10px}
19. スタイル>
20. 頭>
21. ボディ>
22. ヘッダー>
23. p>これはヘッダータグですp>
24. ナビ>
25. ul>
26. li>ホームページリ>
27. リ>夜起きるリ>
28. li>フォーラムリ>
29. リ>モールリ>
30. li>コミュニティリ>
31. ul>
32. ヘッダー>
33. div>
34. セクション>
36. p>これはセクションタグですp>
37. 記事>
38. h2>春の夜明けh2>
39. p>
40. どこでも蚊に刺されます 🎜> あまり死なない。br />
41. p>
43. 記事>
44. 時 />
45. 記事>
46. h2>上学h2>
p>
48. 太阳当空照、br />
49. 花儿对我笑，br />
50. 小鸟说早早早，你為什么背上小书包?br />
51. 私要炸学校老师不知道、一拉線、赶快跑、br />
52. 轰的一声、学校炸裂。br />
53. p>
55. 記事>
56. 時 />
57. 図>
58. figcaption>UFOfigcaption>
59. p>不明飞行物不明飛行物体 p>
60. 図>
61. 図>
62. dt>DDSdt>
63. dd>大屌丝dd>
64. 図>
65. 時 />
66. ダイアログ>
67. dt>唐僧:悟空、你又调皮了、观音姐姐的光月宝盒怎么能乱扔呢？dt>
68. dd>悟空:...(見ている) dd>
69. dt>タン・セン: 投げ方が間違っています、当たったらどうすればいいですか子供？子供を叩くのはダメでも、花や植物を叩くのはダメですdt> >
70. dd>悟空:...(もつれ)< ;/dd>
71. dt>唐僧: 悟空、欲しいですか?欲しいなら、言ってください。言わなかったら、どうやってあなたがそれを望んでいるのかわかりますか？ 。 。 。 。dt>
72. )dd>
73. ダイアログ>
74. 時 />
75. メニュー>
76. li>点击リ>
77. li>右键单击 リ>
78. メニュー>
79. 時 />
80. スパン contextmenu="candan" >右键单击我试试スパン>
81. メニュー タイプ="コンテキスト" id="カンダン">
82. メニュー項目 ラベル="菜单一" onclick="alert('我是一个寂寞')" icon="http://www.baidu.com/img/baidu_sylogo1.gif">メニュー項目>
83. メニュー>
84. 時 />
85. メートル 分="0" 最大="10" 値="5" 低="3" 高="7" >メートル>
86. 進捗 最大="100" 値="0" id=「プロ」>進捗>
87. スクリプト>
88. var pro =ドキュメント.getElementByIdx_x_x_x('pro');   
89. setInterval(function(){
90. pro.value =1;   
91. },100);   
92. スクリプト>
93. 時 />
94. 詳細>
95. dt>これは一つの问题ですか?dt>
96. dd>なるかならないか dd>
97. dt>これは一つの问题ですか？dt>
98. dd>なるかならないか dd>
99. dt>これは一つの问题ですか?dt>
100. dd>なるかならないか dd>
101. 詳細>
102. 時 />
103. ルビー>夼 rp>(rp>rt>クアンrt> rp>)rp>ルビー>
104. 時 />
105. 女性マーク>最喜欢做的事情 mark>こそが逛街です。。吃零食。。逛街。。吃零食、カップ尔还会呜呜の哭、
106. これより下は完了です: 逛吃逛吃逛吃逛吃。うおおお～・
107. セクション>
108. 脇>
109. p>これは余談タグですp>
110. hgroup>
111. h3>なぜ女子寮で盗難が多発しているのかh3>
112. h3>なぜ真夜中に 200 頭の雌豚が悲劇的に死んだのかh3>
113. h3>それは人間性の歪みでしょうか？ h3>
114. h3>それでも道徳的損失です!h3>
115. hgroup>
116. 脇>
117. div>
118. フッター>
119. p>これはフッター タグですp>
120. hr />
121. 小>法規定小>
122. 小>お問い合わせください小>
123. 小>お客様の声小>
124. 小>加盟店協力小>
125. フッター>
126. ボディ>
127. html>
128. xmp>