ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLの基本構造を総合的に理解する

HTMLの基本構造を総合的に理解する

高洛峰
高洛峰オリジナル
2017-02-11 14:49:561353ブラウズ

HTML入門

HyperText Markup Language: ハイパーテキストマークアップ言語

HyperText: ハイパーテキスト (テキスト + 画像 + ビデオ + オーディオ + リンク)

マークアップ言語: マークアップ言語

Web サイトの 3 つの主要要素

画像、ハイパーリンク、 text

HTMLの基本構造

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>

標準WebページのHTMLタグ

1. HTMLドキュメント宣言: fef50554eca1a427827adaa329da8122

2. ページタイトル: b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f

3.ページのエンコーディング: 9eb7f0676c6b164d9cd2d3b69d5c092c

utf-8 は多言語エンコーディングです (推奨)

gb2312 は簡体字中国語のエンコーディングです

ページのキーワード: ae72bb72eff0edfcd9980655b4aa36b5

ページのメイン コンテンツ: ecdd9e0b6386fa17087cabfe6d4e2084

注:メタ タグは html 言語補助タグは、通常、検索エンジンの最適化に使用され、HTML ドキュメントの先頭に配置されます。

HTMLドキュメントの初期構造を生成します

1. HTML5の標準構造: html:5+Tabキーまたは!+Tabキー

生成される結果は次のとおりです

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

2. html:xt+Tabキー

生成される結果は以下の通りです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
<head>  
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

HTMLタグに関する注意事項:

• HTML要素は開始タグと終了タグで構成されます。

• 開始タグと終了タグにあるテキストが要素のコンテンツです。

• HTML タグには開始と終了が必要です。内容のないタグ (空のタグ) の場合は、/> を使用して終了します。

• タグ名は大文字と小文字が区別されませんが、XHTML ではタグ名は小文字にする必要があります。

• タグには属性があり、タグの性質や特性を表すために使用されます。属性は開始タグで指定します。

上記の HTML の基本構造の包括的な理解は、編集者によって共有されたすべての内容であり、参考になれば幸いです。また、PHP 中国語 Web サイトをサポートしていただければ幸いです。

HTML の基本構造を完全に理解するためのその他の関連記事については、PHP 中国語 Web サイトに注目してください。

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