ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLドキュメントの基本フォーマットを詳しく紹介

HTMLドキュメントの基本フォーマットを詳しく紹介

黄舟
黄舟オリジナル
2017-04-24 10:12:433171ブラウズ

1. HTML ドキュメントの基本形式:

<!DOCTYPE html>  //文档类型声明
<html lang=&#39;zh-cn&#39;>                  //表示HTML文档开始
<head>              //包含文档元数据开始
<meta charset=&#39;utf8&#39;>           //声明字符编码
<title>基本</title>     //设置文档标题
</head>     //包含文档元数据结束
<body>     //表示HTML文档内容
</body>     //表示HTML
<a href="http://wwww.baidu.com">百度</a>
</html>      //表示HTML文档结束

2. ドキュメント構造分析:

1. Doctype

ドキュメント タイプ宣言 (Doctype とも呼ばれる)。これは主に、表示されているドキュメントのタイプをブラウザーに伝えます。

<!DOCTYPE html>  不区分大小写

2. HTML要素

まず、要素とはラベルのことで、html要素とはhtmlタグのことです。 html 要素は、ドキュメントの先頭と末尾にある要素です。これは、先頭と末尾をエコーする二重タグです。html 要素には属性と値

lang='zh-cn' があり、これは文書言語が簡体字中国語

<html>   如果为英文则,lang="en"

3 であることを示します。メタデータ コンテンツ、メタデータを含めるために使用されます: 2cdf5bf648cf2f33323966d7f58a7f3f、e8e496c15ba93d81f6ea4fe5f55a2244、da581d5a9873ed3d35632116ab586a49、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89、b2386ffb911b14667cb8f0f91ea547a7。これらのコンテンツは、CSS 情報を提供するリンクなどの情報を提供するためにブラウザーによって使用されます。 script は JavaScript 情報を提供し、title はページ タイトルなどを提供します。

<head>...</head>   //这些信息在页面不可见

4. メタ要素


この要素は、実際には、この構造には charset='utf8' という属性があります。ページが使用するエンコーディングをブラウザーに伝えます。通常の状況では、utf8 を使用します。もちろん、ファイルも utf8 で保存され、ブラウザも中国語を正しく表示するように utf8 に設定されます。

<meta charset=&#39;utf-8&#39;>

5. Title 要素

その名前が示すように、この要素は非常にシンプルです: ブラウザの左上隅にタイトルを設定します

<title>标题</title>

6. Body 要素

ドキュメントのコンテンツを含めるために使用される要素です。 、ブラウザの表示領域です。表示されているすべてのコンテンツをここに追加する必要があります。

<body>...</body>

7. a 要素

はハイパーリンクです。これについては後で詳しく説明します。

<a href=&#39;http://www.baidu.com&#39;>百度</a>

3. 要素タグの説明:


HTML はマークアップ言語です。ここでは、次の「マーク」またはタグがどのように構成されているかを分析します。

1. 要素

要素は、ブラウザーにコンテンツの処理方法を指示するタグのセットです。各要素にはキーワードがあり、

、<meta> などはすべて要素です。異なるラベル名は異なる意味を表します。その後、段落タグ、テキストタグ、リンクタグ、イメージタグなどが関係してきます。 <p>要素</p> <p>は、一般的にシングルラベル(空要素)とダブルラベルの2種類に分けられます。ただし、タグは通常、要素を宣言または挿入するために使用されます。たとえば、文字エンコーディングを宣言するには e8e496c15ba93d81f6ea4fe5f55a2244 を使用し、画像を挿入するには通常、二重タグを使用します。たとえば、段落: </p><pre class="brush:html;toolbar:false"><p>...</p></pre><p>2、属性と値</p> <p><br> 奇数要素と偶数要素に加えて、要素のコンテンツには属性と値も設定できます。これらの属性値は、要素の動作の一部を変更するために使用されます。たとえば、<a> の hyperlink: href 属性。もちろん、1 つの要素に複数の属性を設定したり、属性をカスタマイズしたりすることもできます。 </a></p>

以上がHTMLドキュメントの基本フォーマットを詳しく紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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