標準の HTML ドキュメントに必要な部分は何ですか?-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

標準の HTML ドキュメントに必要な部分は何ですか?

青灯夜游

Aug 31, 2022 pm 05:42 PM

html

には 5 つの必要な部分があります: 1. ページの作成に使用されるマークアップのバージョンをブラウザに伝えるために使用される DOCTYPE ステートメント; 2. ドキュメントのメタデータを含み、ブラウザに提供する HTML ルート要素関連するドキュメントのコンテンツとタグ情報 3. 主にエンコーディング宣言、タイトル、スタイルシートの埋め込みなどが含まれるヘッド 4. ドキュメントのタイトルを定義するために使用されるタイトル部分 5. 本文コンテンツ部分（すべての内容を含む）文書の内容。

標準の HTML ドキュメントに必要な部分は何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML ドキュメントはドキュメントの説明です。固定構造を持ち、多くの部分に分かれています。各部分には 1 つ以上の要素が含まれます。いくつかの要素はドキュメントの基本情報を記述するために使用され、いくつかの要素はドキュメントの構造を記述するために使用されます。基本的な HTML ドキュメントの構造は次のとおりです:,

<!DOCTYPE html>
<html lang="en">
<head>
 <title>Your page title</title>
</head>
<body>
.....
</body>
</html>

この HTML ドキュメントは空白のページを記述します。これらの基本コンポーネントHTMLドキュメントの概要とブラウザの初期環境を決定します。

標準の HTML ドキュメントに必要な部分は何ですか?

#標準 HTML ドキュメントの 5 つの必要な部分を確認できます。

宣言部分: DOCTYPE ステートメント

DOCTYPE はドキュメントタイプの略称です。

doctype 宣言は HTML タグではなく、ページが記述されたマークアップのバージョンをブラウザーに伝える命令であるドキュメントタイプタグです。

doctype 宣言は、標準のユニバーサルマークアップ言語でのドキュメントタイプ宣言であり、Web デザインで使用している XHTML または HTML のバージョンを示すために使用されます。

この要素はブラウザに 2 つのことを伝えます:

HTML ドキュメントを処理します;
はドキュメントをマークするために使用されますバージョン上記の記述方法は、HTML5を使用していることを示しています。

ブラウザが予期されるドキュメントタイプを理解できるように、すべての HTML ドキュメントで doctype を指定することが非常に重要です。

説明:

タグには終了タグがありません。
では大文字と小文字が区別されません。

##全体分析: すべてのコンテンツ

html 要素はルート要素であり、ブラウジングを通知します。コンテナ自体は HTML ドキュメントです。

タグは、HTML ドキュメントの最も外側の要素です。

タグは、他のすべての HTML 要素 ( タグを除く) のコンテナです。

ルート要素の機能は、との間のコンテンツが HTML タイプであることをブラウザに伝えることであり、ブラウザはコンテンツを HTML として解析します。

html 要素には、lang 属性、xmlns 属性、manifest 属性という 3 つの属性があります。

head 要素には、提供されるドキュメントのメタデータが含まれます。ブラウザにドキュメントのコンテンツとマークアップに関する情報を提供します。また、スクリプトや外部リソース (CSS スタイルシートなど) への参照を含めることもできます。

HTML ドキュメントのさまざまな属性と情報は、

要素で定義されます。

ドキュメントタイトル:

title

要素は、ドキュメントのタイトルを定義するために使用されます。すべての HTML または XHTML ドキュメント。

要素の役割:1. タイトルはブラウザのタブで定義できます。 2. ページをお気に入りに追加するときに、ページのタイトルを指定できます。 3. ページのタイトルは検索エンジンの結果に表示されます。 例:<pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> 正文的内容显示在浏览器窗口中。 title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。 </body> </html></pre> ##コンテンツ: 標準の HTML ドキュメントに必要な部分は何ですか?

## ドキュメント本文には、訪問者が見ることができるコンテンツが含まれています。この基本構造を作成した後、後で HTML の他の要素を徐々に追加し、ドキュメントを継続的に強化して、最終的に必要なページを取得することができます。

注:

HTML 5 では、の特殊属性はすべて削除されました。ただし、タグは HTML 5 の標準属性をサポートしています:

#属性値説明アクセスキー要素にアクセスするためのキーボードショートカットを指定しますclass指定します要素クラス名 (スタイルシートでクラスを指定するために使用されます)。 contenteditable ユーザーを許可するかどうかを指定しますコンテンツを編集します。 contextmenu要素のコンテキストメニューを指定します。 data-yourvalue##dir#ドラッグ可能truehiddenhiddenこの要素が無関係であることを指定します。非表示の要素は表示されません。 id空#itemproplang language_code要素内のコンテンツの言語コードを指定します。 spellchecktruefalsestylestyle_development要素のインラインスタイルを指定します。 subjectid 要素に対応する項目を指定します。 tabindexnumberタブキーによる要素の制御順序を指定します。 text関連する推奨事項: 「」


	文字
	classname
	true false
	menu_id
	value	作成者定義のプロパティ。 HTML ドキュメントの作成者は、独自の属性を定義できます。「data-」で始める必要があります。
	ltr rtl 要素を指定しますコンテンツのテキスト方向。
	false auto ##ユーザーが要素をドラッグできるかどうかを指定します。

id	要素の一意の ID を指定します。	#アイテム
	url は要素を結合するために使用されます。
url	グループ値は結合されたプロジェクトに使用されます。

	要素が必要かどうかを指定しますスペルチェックまたは文法チェックを実行します。


	#title
要素に関する追加情報を指定します。		html ビデオチュートリアル

以上が標準の HTML ドキュメントに必要な部分は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

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

Reactの強力なコミュニティとエコシステムの利点Apr 29, 2025 am 12:46 AM

反応の反応は、反応すること：1）即時カクセスソリューションスループラットフループラットフルフルフローアンドGithub;

モバイル開発のためのネイティブの反応：クロスプラットフォームアプリの構築Apr 29, 2025 am 12:43 AM

ReactNativeIsCosenformedeveledementBecauseDevelowSowRiteCodeOdeCodeOdeCodeandedDeployitOnMultPlatforms、ReducingDevelopmentTimeandCosts.ItOfferSnear-NativePerformance、Athrive-community、AndleverageSexistingwebdevelyments.keytomatherinere

ReactのuseState（）で状態を正しく更新しますApr 29, 2025 am 12:42 AM

ReactのuseState（）状態の正しい更新には、州の管理の詳細を理解する必要があります。 1）機能的な更新を使用して、非同期更新を処理します。 2）状態を直接変更しないように、新しい状態オブジェクトまたは配列を作成します。 3）単一の状態オブジェクトを使用して、複雑なフォームを管理します。 4）アンチシェイクテクノロジーを使用して、パフォーマンスを最適化します。これらの方法は、開発者が一般的な問題を回避し、より堅牢なReactアプリケーションを作成するのに役立ちます。

Reactのコンポーネントベースのアーキテクチャ：スケーラブルなUI開発の鍵Apr 29, 2025 am 12:33 AM

Reactのコンポーネントアーキテクチャにより、モジュール性、再利用性、保守性を通じて、スケーラブルなUI開発を効率的にします。 1）モジュール性により、UIを独立して開発およびテストできるコンポーネントに分解できます。 2）コンポーネントの再利用性は時間を節約し、さまざまなプロジェクトの一貫性を維持します。 3）メンテナビリティにより問題のあるポジショニングと更新が容易になりますが、コンポーネントを過剰な普及と深いネスティングを回避する必要があります。

Reactによる宣言プログラミング：UIロジックの簡素化Apr 29, 2025 am 12:06 AM

Reactでは、宣言的なプログラミングは、UIの望ましい状態を記述することにより、UIロジックを簡素化します。 1）UIステータスを定義することにより、ReactはDOMの更新を自動的に処理します。 2）この方法により、コードのメンテナンスがより明確かつ容易になります。 3）しかし、国家管理の複雑さと最適化された再レンダリングに注意を払う必要があります。

Reactのエコシステムのサイズ：複雑な風景をナビゲートしますApr 28, 2025 am 12:21 AM

tonavigatereAct'somplexEcosystemively、理解を理解し、認識していることを認識していることを認識しているandweakness、およびIntegreatemtoemtoemtoemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemtemotereconceptate、その後、勾配内で測定する

どのようにReactがキーを使用してリスト項目を効率的に識別しますApr 28, 2025 am 12:20 AM

RactuseSeSeSeSeSeSeSeSpiffictifideidifiedItemsbyprovidingastableidentitytoeeedelement.1）keysallowReactTotTotTotTotTotTotTotTotTotTotTotTotTotTotTotRACKESOUTRE-RENDERINGTHEENTERELIST.2）chookiniqueandstablekeys、avolididingArrayIndices.3）reforceAsificlySificlySiflovedobrovesiondanc

Reactにおける重要な問題のデバッグ：問題の特定と解決Apr 28, 2025 am 12:17 AM

KeysinReactarecrucialforoptimizingTherenderingProcessandDynamicListseffective.tospotandfixkey-relatedissues：1）adduniquekeystolistiTemstoavoidsissusisus、2）useuniqueidideididifiersfromdateadceSofofordiceys、3）

See all articles

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

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

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

WebStorm Mac版

便利なJavaScript開発ツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。