記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ホームページ > ウェブフロントエンド > H5 チュートリアル > 本文

HTML5タグとHTML4タグの違いの例

PHP中文网

リリース： 2017-03-25 14:36:43

オリジナル

1723 人が閲覧しました

1. コンセプトの変更:
HTML5 はパフォーマンスではなくコンテンツと構造に重点を置いています

ナビゲーション関連データ 🎜>

2宣言とタグ:
HTML5 では、より多くの宣言とタグが簡素化され、互換性に関する詳細な規定が設けられ、一部の要素が廃止され、いくつかの要素が追加されました。 HTML5 タグ構文の紹介と新しいタグ

3. 文法タグ:
(1) 終了文字を記述できないタグ: area、basebr、col、command、Embed、 hr、img、input、keygen、link、meta、param、source、Track、wbr (2) 終了文字タグは省略可能: li、dt、dd、p、rt、optgroup、option、Colgroup、thread 、tbody、tr、td、th
(3) 完全に省略できるタグ: html、head、body、colgroup、tbody

4. 新しいタグ:
マークアップはページコンテンツセクションのサイドバーを定義します
タグは要素の詳細を定義します
タグはダイアログボックス (会話ボックス) を定義します🎜> タグは外部インタラクティブコンテンツまたはプラグインを定義します。
タグは一連のメディアコンテンツとそのヘッダーを定義します。
< header> マークはページまたは領域のヘッダーを定義します
マーク定義ファイル内のブロックの関連情報
マーク定義フォーム内の生成されたキー値mark> マーカー付きのマーカー定義テキスト
事前定義された範囲内のマーカー定義の測定
マーカー定義いくつかの出力タイプ

タグのプロセスは、Ruby 要素をサポートしていないブラウザに、rubyannotations の
タグ定義を表示する方法を伝えるために、Rubyannotations で使用されます。
タグは領域を定義します
タグは日付/時間を定義します

HTML5 タグの使い方を詳しく解説
<!DOCTYPE html> <head> <meta charset=utf-8> <title>PHP100中文网HTML5专题</title> <style type="text/css" rel="stylesheet"> header,nav,article,footer {border:solid 1px #666;padding:5px} header{width:500px} nav{float:left;width:60px;height:200px} article{float:left;width:428px;height:200px} footer{clear:both;width:500px} </style> <script type="text/javascript"> document.createElement('article'); document.createElement('nav'); document.createElement('header'); </script> </head> <body> <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>HTML5专题视频教程</h1> 发布日期:<time>09:00</time> <time datetime="2013-2-10">春节</time> <p>测试相关内容</p> </article> <footer> <address>地址</address> </footer> </body> </html>
ログイン後にコピー

HTML5 タグの一覧

関連ラベル：

HTML5标签 HTML4标签

ソース：php.cn

前の記事：HTML5 テキストシャドウエフェクトテキストシャドウの使用例_html5 チュートリアルスキル次の記事：HTML5 Canvas のパフォーマンス向上テクニックと経験の共有_html5 チュートリアルテクニック

このウェブサイトの声明

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

著者別の最新記事

楽しみながら利益を得るために Java バイトコードを読み取る方法

2024-10-22 13:03:13
PHP を使用した MySQL への接続

2024-10-22 11:44:46
DORA メトリクス: エンジニアリングリーダーのためのベストプラクティス

2024-10-18 17:59:07
LLM: TensorFlow、Keras、Hugging Face を使用した転移学習

2024-10-18 17:52:44
あなた (および技術チーム) が職場で開発する必要がある IT スキル

2024-10-18 14:43:47
ベストプラクティスのための PHP 構成ファイルの使用に関する完全ガイド

2024-10-15 12:00:09
PHP スクリプトに config.php ファイルをインポートするにはどうすればよいですか?

2024-10-15 11:53:15
NodeJS を始める方法 – 初心者向けハンドブック

2024-10-17 14:29:56
Nuxt.js: 実践的なガイド

2024-10-09 10:13:21
重要な Git 構成グローバルプロパティを設定する方法

2024-09-30 11:49:55

最新の問題

SQL Count() にも 0 が必要ですテーブルが 1 つだけあり、0 で始まるタグの各エントリをカウントしたいと考えています。今度はこれを試します: SELECT tag,COUNT(start)ASAnzahl,us...

から 2024-04-06 19:48:53

0

1

449

hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...

から 2024-04-06 16:13:26

0

1

500

ベンダー固有の疑似要素上の JavaScript ホバーイベント次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...

から 2024-04-06 15:35:24

0

1

274

ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...

から 2024-04-06 15:33:12

0

1

433

固定配置された子によって親のパディングが無視されるスティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な...

から 2024-04-06 11:42:51

0

1

338

関連トピック

詳細>

人気のおすすめ

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

私たちについて免責事項 Sitemap: PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！