多くの場合、Webページの制作と開発を学習するとき、最初に印象的なことは、HTMLまたはHTMのサフィックスで終わるWebページです。このタイプのWebページは、擬似静的を除き、静的なWebページに起因しています。
では、HTMLまたはHTMLと、PHP、ASP、ASPX、JSPなどのサフィックスで終わる他のWebページの違いは何ですか?まず、HTMLページは静的です。最初から最後までプログラムの実行はありません。それは純粋なHTML言語です。ブラウザに直接送信され、サーバーによって処理されずにブラウザに提示されます。
他のサフィックスの最後にあるWebページは、比較的動的なWebページです。ダイナミックページはサーバーによって処理され、各プログラム、データベース操作などを翻訳および処理し、ブラウザはサーバーのデータをユーザーに提供し、Webページコンテンツデータをバックグラウンドデータの変更に従って変更できます。
では、基本的なHTML言語組織はどのようなものですか?最初にHTML構造を見てみましょう。
<html> <head> <title>記事のタイトルを表示</title> <meta http-equiv = content-type content = text/html; charset = gb2312/> //これはWebページエンコードです。これはgb2312 <meta name = keywords content = keywords/> <meta name =説明コンテンツ=このページ説明またはキーワード説明/> </head> <body>
完全なHTMLには、HTMLDOCTYPE宣言、タイトルタイトル、ヘッド、Webエンコーディング宣言などが含まれます。
最初に完全なHTMLソースコードを使用しています。
<!doctype html public -// w3c // dtd xhtml 0 transitional // en http:// wwworg/tr/xhtml1/dtd/xhtml1-transitionaldtd> <html xmlns = http://wwworg/1999/xhtml> <head> http-equiv = content-type content = text/html; charset = utf-8/> <title> titleパーツパワーノード</title> <meta name = keywords content = keywords/keywords/> <meta name =説明コンテンツこのページまたはキーワードの説明/</head> <body>コンテンツ</body> </html>
最新の完全なHTML構造-HTMLソースコード(推奨):
<!doctype html> <html lang = zh-cn> <head> <meta charset = utf-8> <title> webページタイトル</title> <meta name = keywords content = keywords/> <meta name =説明コンテンツ
HTMLであろうと、接尾辞を備えた他のダイナミックページであろうと、HTML言語構造はこのようなものですが、Webページファイルに名前を付けるときは異なる接尾辞で終了します。
1.ダイナミックページであろうと静的であろうと、<HTML>で始まり、Webページの最後で</html>で終了します。
2。<html>の後に<head>ページヘッダーが続きます。 <head> </head>のコンテンツは、ブラウザに表示できません。サーバー、ブラウザ、リンク外部JS、リンクCSSスタイルなどの領域、ページタイトルは<title> </title>に配置されます。
3。その後、<メタ名=キーワードコンテンツ=キーワード/> <メタ名=説明コンテンツ=このページまたはキーワード説明/>これら2つのタグのコンテンツは、検索エンジンの説明です。このページのキーワードとこのWebページの主なコンテンツを使用できます。
4。次はメインテキスト<body> </body>で、一般的にボディエリアと呼ばれます。ここに配置されたコンテンツは、ブラウザを介してユーザーに提示できます。コンテンツは、テーブルレイアウト形式のコンテンツ、DIVレイアウトコンテンツ、または直接テキストにすることができます。これは、Webページのコンテンツプレゼンテーションエリアである最も重要な領域でもあります。
5.最後に、</html>で終わります。つまり、Webページは閉じられています。
上記は、HTML言語の完全かつ最も単純な基本構造です。上記を通して、より多くのスタイルとコンテンツを追加して、Webページを豊かにすることができます。
注:Webページは、通常、次のようなXHTML標準に従って各タグを閉じる必要があります。 <meta name = keywords content = keywords/>などの閉鎖がない場合、<meta/>は完了します。
上記は、簡単な用語で最も単純なHTML言語構造です。より豊かなHTML言語構造を確認する必要がある場合は、WebサイトのWebページを開き、ブラウザをクリックして表示し、ソースコードをクリックしてWebページのHTML言語構造を確認できます。これにより、このソースコードに基づいて、このWebページのHTML言語構造とコンテンツを分析できます。