目次
ページ構造
ホームページ ウェブフロントエンド H5 チュートリアル html5ページ構造の変更点とタグの追加・削除のまとめ

html5ページ構造の変更点とタグの追加・削除のまとめ

Aug 09, 2018 pm 02:42 PM
フロントエンド

この記事では、HTML5 ページの構造の変更とタグの追加と削除について説明します。必要な方は参考にしていただければ幸いです。

ページ構造

従来のページ構造

eg

1. 構造タグ

セクションタグ:セクションタグ いずれかのページを表します章、ヘッダー、フッターなどのコンテンツ ブロックを hn (h1、h2...) などと一緒に使用して、ドキュメントの構造を示すこともできます。

article タグ:article 要素は、ページ上のブロックとコンテキスト 記事などの無関係な独立したコンテンツ。

aside タグ:

header タグのコンテンツに関連する、article 要素のコンテンツ以外の補助情報を表します。 header 要素はページ内のコンテンツ ブロックまたはページ全体のタイトルを表します。

hgroup タグ: ページ全体のタイトルの組み合わせまたはページ内のコンテンツ ブロックを表します。

footer 要素: フッターを表します。ページ全体またはページ内のコンテンツ ブロックの。通常、作成者の名前、作成日、連絡先情報が含まれます。

nav タグ: ページのナビゲーション リンク部分を示します。

figure タグ: 独立したフロー コンテンツを示し、通常はメインの独立したフロー コンテンツを示します。ドキュメントユニットの本文。 figcaption タグを使用して、Figure タグ グループにタイトルを追加します。

2. フォームタグ

: メールアドレスを入力する必要があります;

number: 数値を入力する必要があります;

日付ピッカー:日付ピッカー ;

search: フィールドの検索に使用され、フィールドは通常のテキスト フィールドとして表示されます。

video タグ: ムービー クリップや他のビデオ ストリームなどのビデオを定義します。例:

audio タグ: 音楽やその他のオーディオ ストリームなどのオーディオを定義します。例:

embed タグ: コンテンツ (さまざまなメディアを含む) を埋め込むために使用され、形式は Midi、Wav、AIFF、AU、MP3、フラッシュにすることができます等例:

4. その他の関数ラベル

mark: さまざまな色を表示します。

time: 時間をマークします。特定の単語についてのコメント

wbr: 行が表示できない場合は改行します。

command: コマンド;

datalist: プロンプト;コンテンツ;

keygen: 暗号化;

output: フォームの結果を計算し、出力値を与えます。

タグを削除

1. CSSで置き換えられるタグ

2. フレームを使用しなくなった

frame

noframes

3. その他の一般的ではないタグタグに関連するおすすめ記事

:

HTML と CSS3 で 2D と 3D を組み合わせてアニメーション効果を実現する

html5 カスタム属性: カスタム属性値を取得する方法 (コード付き)

以上がhtml5ページ構造の変更点とタグの追加・削除のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Nodeのメモリ制御に関する記事 Nodeのメモリ制御に関する記事 Apr 26, 2023 pm 05:37 PM

ノンブロッキングおよびイベント駆動に基づいて構築されたノード サービスには、メモリ消費量が少ないという利点があり、大量のネットワーク リクエストの処理に非常に適しています。大量のリクエストを前提として、「メモリ制御」に関する問題を考慮する必要があります。 1. V8 のガベージ コレクション メカニズムとメモリ制限 Js はガベージ コレクション マシンによって制御されます

Vue3 で単体テストを作成する方法を調べる Vue3 で単体テストを作成する方法を調べる Apr 25, 2023 pm 07:41 PM

Vue.js は、今日のフロントエンド開発において非常に人気のあるフレームワークとなっています。 Vue.js が進化し続けるにつれて、単体テストの重要性がますます高まっています。今日は、Vue.js 3 で単体テストを作成する方法を検討し、いくつかのベスト プラクティスと一般的な問題と解決策を提供します。

Node の File モジュールについて詳しく説明しましょう Node の File モジュールについて詳しく説明しましょう Apr 24, 2023 pm 05:49 PM

ファイル モジュールは、ファイルの読み取り/書き込み/開く/閉じる/削除の追加など、基礎となるファイル操作をカプセル化したものです。ファイル モジュールの最大の特徴は、すべてのメソッドが **同期** と ** の 2 つのバージョンを提供することです。 asynchronous**、sync サフィックスが付いているメソッドはすべて同期メソッドであり、持たないメソッドはすべて異種メソッドです。

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ Mar 16, 2024 pm 12:09 PM

PHP と Vue: フロントエンド開発ツールの完璧な組み合わせ 今日のインターネットの急速な発展の時代において、フロントエンド開発はますます重要になっています。 Web サイトやアプリケーションのエクスペリエンスに対するユーザーの要求がますます高まっているため、フロントエンド開発者は、より効率的で柔軟なツールを使用して、応答性の高いインタラクティブなインターフェイスを作成する必要があります。フロントエンド開発の分野における 2 つの重要なテクノロジーである PHP と Vue.js は、組み合わせることで完璧なツールと見なされます。この記事では、PHP と Vue の組み合わせと、読者がこれら 2 つをよりよく理解し、適用できるようにするための詳細なコード例について説明します。

クロスドメインの問題を解決するにはどうすればよいですか?一般的なソリューションの簡単な分析 クロスドメインの問題を解決するにはどうすればよいですか?一般的なソリューションの簡単な分析 Apr 25, 2023 pm 07:57 PM

クロスドメインは開発においてよく遭遇するシナリオであり、インタビューでもよく議論される問題でもあります。一般的なクロスドメイン ソリューションとその背後にある原則を習得すると、開発効率が向上するだけでなく、面接でのパフォーマンスも向上します。

フロントエンドの面接官からよく聞かれる質問 フロントエンドの面接官からよく聞かれる質問 Mar 19, 2024 pm 02:24 PM

フロントエンド開発のインタビューでは、HTML/CSS の基本、JavaScript の基本、フレームワークとライブラリ、プロジェクトの経験、アルゴリズムとデータ構造、パフォーマンスの最適化、クロスドメイン リクエスト、フロントエンド エンジニアリング、デザインパターン、新しいテクノロジーとトレンド。面接官の質問は、候補者の技術スキル、プロジェクトの経験、業界のトレンドの理解を評価するように設計されています。したがって、候補者はこれらの分野で自分の能力と専門知識を証明するために十分な準備をしておく必要があります。

ノードのバッファーについて詳しく見る ノードのバッファーについて詳しく見る Apr 25, 2023 pm 07:49 PM

当初、JS はブラウザ側でのみ動作していたため、Unicode でエンコードされた文字列の処理は簡単でしたが、バイナリ文字列や非 Unicode エンコード文字列の処理は困難でした。バイナリは、コンピュータのビデオ/オーディオ/プログラム/ネットワーク パッケージの最低レベルのデータ形式です。

フロントエンド開発に Go 言語を使用するにはどうすればよいですか? フロントエンド開発に Go 言語を使用するにはどうすればよいですか? Jun 10, 2023 pm 05:00 PM

インターネット技術の発展に伴い、フロントエンド開発の重要性がますます高まっています。特にモバイル デバイスの人気により、効率的で安定しており、安全で保守が容易なフロントエンド開発テクノロジーが必要です。 Go 言語は、急速に発展しているプログラミング言語として、ますます多くの開発者によって使用されています。では、フロントエンド開発に Go 言語を使用することは可能でしょうか?次に、この記事ではフロントエンド開発にGo言語を使用する方法を詳しく説明します。まずはフロントエンド開発にGo言語が使われる理由を見てみましょう。多くの人は Go 言語は

See all articles