検索

ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5の全タグの概要とタグの意味の説明_html5チュートリアルスキル

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

WBOY
WBOYオリジナル
2016-05-16 15:46:551800ブラウズ

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

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

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

Web アプリケーションタグ

コマンド リスト

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

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

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

その他のタグ

マーク定義フォームで生成されたキー値(暗号化情報送信) 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. >
  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>
  47. <p>
  48. 太阳当空照、<br />
  49. 花儿对我笑，<br />
  50. 小鸟说早早早，你為什么背上小书包?<br />
  51. 私要炸学校老师不知道、一拉線、赶快跑、<br />
  52. 轰的一声、学校炸裂。
    53. <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>


声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：html5 は主要なブラウザと完全に互換性のあるプレーヤーを実装します_html5 チュートリアルのスキル次の記事：html5 は主要なブラウザと完全に互換性のあるプレーヤーを実装します_html5 チュートリアルのスキル

関連記事

続きを見る