HTML5の新機能(1)_html5チュートリアルスキル

HTML5 は、1999 年に策定された HTML 4.01 および XHTML 1.0 標準に代わる HTML [1] (Standard Universal Markup Language に基づくアプリケーション) の標準バージョンであり、まだ開発段階にありますが、ほとんどのブラウザはすでにそれをサポートしています。特定の HTML5 テクノロジー。

1. 新しい文書型宣言
HTML4 で指定された 3 つの文書型宣言:

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

1. >
2. >
3. >

XHTML 1.0 で指定された 3 つの文書型宣言:

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

1. >
2. >
3. >

XHTML 1.1 ドキュメントでは厳密に型が定義されており、XHTML1.0 ドキュメントの暫定的な定義型と同等です

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

1. >

HTML 5 の文書型宣言

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

1. >

2. スクリプトにタイプを記述してリンクする必要はありません

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

1. <link rel=”stylesheet” href=”path/to/stylesheet.css” type=”text/css” /> == 》 <link rel=”スタイルシート” href=”path/to/stylesheet.css”/>
2. <script src=”path/to/script.js” type=”text/javascript”>script> ; ==》 <スクリプト src=”パス/to/ script.js”>script>

3. 语义化ヘッダーとフッター标签
HTML4 または XHTML 里、我们定义网页の页眉または页脚時間会这样：

XML/HTML コード复制コンテンツ到剪贴板

1. <div id=”header”>
2. …
3. div>
4. または
5. <div id=”フッター” >
6. …
7. div>

一方、HTML5 には、上部要素ブロックの直接定義があり、コードをさらに追加することができます。

XML/HTML コード复制コンテンツ到剪贴板

1. <ヘッダー>
2. …
3. ヘッダー>
4. または
5. <フッター>
6. …
7. フッター>

4. hgroup チェックは、主にマークのセット を示します。メイン マークやサブマークがある場合は、これを使用して下に含めることができます。
マーク分割されたシンボルを使用します。通常は文章の問題に適していますが、ウェブサイトの問題にはあまり適していません。

XML/HTML コード复制コンテンツ到剪贴板

1. <h1>フロントエンド テストの質問: HTML5 の新機能< /h1>

span タグを使用して字幕の説明をマークします

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

1. <h1>フロントエンド テストの質問
2. <span>HTML5 の新機能スパン>
3. h1>

ヘッダー タグを使用してタイトルと説明を囲みます

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

1. <ヘッダー>
2. <h1>フロントエンド テストの質問h1>
3. <p>HTML5 の新機能p>
4. ヘッダー>

5. マーク要素マーク

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

1. <mark> 要素は、マークまたはマークが付いた 1 つのドキュメント内の一連のテキストを表します。別のコンテキストでの関連性のため、参照目的で強調表示されています。
。

はハイライトタグとして使用でき、それに囲まれた文字が強調表示されます。 …
6. グラフィック要素図
HTML4 または XHTML では、画像のコメントを装飾するために次のコードが使用されます。 。

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

1. <img src=”パス/画像へのパス” alt=”画像について”/>
2. <p>花の画像 p>

上記のコードはテキストと画像メモリを接続しませんが、HTML5 によって追加された Figure と figcaption の組み合わせにより、画像とテキストを完全に接続できます。

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

1. <図>
2. <img src=”パス/画像へのパス” alt=”画像について”/>
3. <figcaption>
4. <p>美しい花p>
5. <figcaption>
6. 図>

7. 小さなタグ
を再定義しました。HTML5 の タグは、宣言された機能、注意事項、法的制限またはバージョンを担当する小さなテキストとして表示されます。通常は小さなテキストです。
Small は HTML4 または XHTML で定義されていますが、その使用法についての完全な説明はありません。 HTML では、主に Web ページの下部にあるバージョン記述や電子メール アドレスなどの小さなテキストに使用されます。
8. プレースホルダー
HTML4 または XHTML で、入力ボックスが空のときにプロンプ​​ト メッセージを表示したい場合は、入力ボックス フィールドがフォーカスされます。プロンプトが消える効果は js でのみ記述できます。 HTML5 で追加されたプレースホルダーは、この効果を直接実現します。
プレースホルダー属性は、テキスト、検索、URL、電話、メール、パスワードの に適用されます。

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

1. <入力 プレースホルダー=”テキスト”>