HTMLの基本構造解析

王林転載: 2021-02-03 11:53:362971ブラウズ

HTMLの基本構造解析

HTML は Hypertext Markup Language と呼ばれ、マークアップ言語です。一連のタグが含まれています。これらのタグは、ネットワーク上のドキュメント形式を統一し、分散したインターネットリソースを論理的な全体に接続します。 HTML テキストは、HTML コマンドで構成される説明文であり、テキスト、グラフィック、アニメーション、サウンド、表、リンクなどを記述することができます。

完全な HTML ドキュメントには、ドキュメント宣言、ドキュメントヘッダー、ドキュメント本文の 3 つの部分が含まれている必要があります。これらが HTML の骨格構造を構成します。ドキュメント宣言とドキュメントヘッダーについてはそれぞれ紹介しましたが、今回はHTMLの骨格構造を構成する基本的な要素について詳しく紹介します。

HTML

要素はルートを表します。 HTML ドキュメントの (ルート) 他のすべての要素はこの要素の子孫です。タグとタグはドキュメントの開始点と終了点を定義し、それらの間にはドキュメントの先頭と本文があります。ドキュメントの先頭は

タグで定義され、本文はタグで定義されます

HTMLの基本構造解析

#[xmlns]

xmlns 属性は、ドキュメントの XML 名前空間の割り当てに使用されます。デフォルト値は「http://www.w3.org/1999/xhtml」で、XHTML では必須ですが、HTML ではオプションです。

<html xmlns="http://www.w3.org/1999/xhtml">

HEAD

タグは次のとおりです。すべての head 要素のコンテナであるドキュメントの head を定義するために使用されます。 ; はほとんど表示されず、ドキュメントのいくつかの基本的な属性と情報を説明します (タイトルとアイコンを表示できます)。要素の下のサブ要素には主に、、、<base>、<link>、<style>、および <script>の 6 つの要素が含まれます。 # <title> はドキュメントのタイトルを定義し、head セクションで唯一必須の要素です。<p><head> タグがドキュメント内で省略されている場合、ほとんどのブラウザは自動的に <head> タグを作成します。要素 <p>ドキュメントヘッダーの詳細については、こちらをご覧ください。<p>BODY<p></style> は、HTML ドキュメントのメインコンテンツを表します。どの HTML ドキュメントでも、There のみが含まれます。は要素です。

[デフォルトスタイル]

chrome/firefox/safari/IE8+    
    margin:8px;
IE7-    
    margin:15px 10px;

Structure

Sublime エディターで、「!」と入力し、Tab キーを押したままにして、基本的な HTML 構造は次のとおりです

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body></body>
</html>

実際には、多くの場合、ドキュメントのヘッダー構造はいくつかの共通の機能を実行する必要があるため、HTML 構造はより複雑で、構造は次のとおりです

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Document</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="5/style.css"/>
    <link rel="shortcut icon" href="ico.ico"/>
</head>
<body></body>
</html>

HTMLの基本構造解析

関連記事