検索

ホームページ  >  記事  >  ウェブフロントエンド  >  標準の HTML ドキュメントに必要な部分は何ですか?

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

青灯夜游
青灯夜游オリジナル
2022-08-31 17:42:334156ブラウズ

には 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 つの属性があります。

    lang 属性は、ページ コンテンツに使用されるデフォルトの言語を指定します。文書が書かれている言語を指定すると、言語合成ツールが発音言語を選択したり、翻訳ツールが翻訳ルールを選択したりするのに役立ちます。たとえば、 は、このドキュメントが中国語であることを意味します。

    • xmlns 属性は XML 名前空間を割り当てます。 xmlns 属性は XHTML では必須ですが、HTML では必要ありません。


    • #manifest 属性は、オフライン キャッシュ ファイルの URL を指定します。 HTML5 ではアプリケーション キャッシュが導入されており、Web アプリケーションをキャッシュしてオフラインでアクセスできるようになります。たとえば、 は、オフライン キャッシュ ファイルが waibo.manifest であることを意味します。

    • ##Header:

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

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

要素で定義されます。

ドキュメント タイトル:

title


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

要素の役割:<p></p>1. タイトルはブラウザのタブで定義できます。 <p></p>2. ページをお気に入りに追加するときに、ページのタイトルを指定できます。 <p></p>3. ページのタイトルは検索エンジンの結果に表示されます。 <p></p>例:<p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>正文的内容显示在浏览器窗口中。</p> <p>title元素的内容显示在浏览器标签，收藏夹和搜索引擎结果中。</p> </body> </html></pre></p> <p></p> <p>##コンテンツ:</p> 標準の 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 サイトの他の関連記事を参照してください。

html5 css html xhtml 命名空间 xml 样式表 搜索引擎
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5のナビゲーションタグとは次の記事：HTML5のナビゲーションタグとは

関連記事

続きを見る