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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。