免費AI編程助手
一個最簡單的網頁是如何構成的
一個最最最簡單的網頁是怎么做出來的呢？首先我們先來簡單的了解一下HTML語言，HTML是網絡的通用語言,一種簡單、通用的全置標記語言。HTML允許網頁建設者建立文本與圖片相結合的復雜頁面，無論使用的是什么類型的電腦或瀏覽器，這些頁面可以被網上任何所人瀏覽到。比如，你現在看到的就是這種語言寫的頁面。
如果你想深入學習HTML，可以參看w3cschool上的《HTML教程》
HTML的基本組成結構
3頭部<head>······</head>：
<head> 標簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題<title>。<title> 定義了文檔的標題，它是 head 部分中唯一必需的元素。
在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
4、元標簽<meta>
<meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞。<meta> 標簽位于文檔的頭部，不包含任何內容。
<meta> 標簽永遠位于 head 元素內部。
name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 <meta> 名稱。通常情況下，您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
"keywords" 是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時，會用這些關鍵字對文檔進行分類。
類似這樣的 meta 標簽可能對于進入搜索引擎的索引有幫助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">如果沒有提供 name 屬性，那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
http-equiv 屬性
http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發(fā)送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
當服務器向瀏覽器發(fā)送文檔時，會先發(fā)送許多名稱/值對。雖然有些服務器會發(fā)送許多這種名稱/值對，但是所有服務器都至少要發(fā)送一個：content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。
使用帶有 http-equiv 屬性的 <meta> 標簽時，服務器將把名稱/值對添加到發(fā)送給瀏覽器的內容頭部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">這樣發(fā)送到瀏覽器的頭部就應該包含：
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008當然，只有瀏覽器可以接受這些附加的頭部字段，并能以適當的方式使用它們時，這些字段才有意義。
content 屬性
content 屬性提供了名稱/值對中的值。該值可以是任何有效的字符串。
content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。
scheme 屬性
scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。
5、眼睛<title>······</title>
就好像人的眼睛一樣，它是心靈的窗口，而一個網頁的眼睛應該就是它的頁面的標題title了，我們都知道眼睛是長在頭上的，所以，<title>標題</title>這些應放在<head>和</head>之間。也就是
<head><title>標題</title></head>6、身體<body>······</body>
身體body是網頁最主要的部分了，因為上面寫的那些東東網頁是不顯示出來的，而大家所看到的頁面頁就是身體部分了（當然它的TITLE可以在瀏覽器的最左上角可以看到）。
body的寫法是：<body>頁面內容</body> ，網頁的主體布局就在body里面進行。
7、腳<footer>······</footer>
最后放入一些標準化底部樣式的地方，比如友情鏈接，比如網站備案等等等等。
最后，別忘了把這些部分組成一體----網頁，所以咱們就用<html></html>把他們給包起來。
好了，咱們來大體看看網頁的結構組合起來是啥樣的：
示例代碼：
<!DOCTYPE html> ＜html＞ ＜head＞ <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> ＜title＞標題＜title＞ <meta name="keywords" content="關鍵字" /> <meta name="description" content="本頁描述或關鍵字描述" /> ＜/head＞ ＜body＞ ..........內容.......... ＜/body＞ <footer> </footer> ＜/html＞
解析：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
content（內容類型）：這個網頁的格式是文本的，網頁模式
charset（編碼）：這個網頁的編碼是gb2312，中文編碼，需要注意的是這個是網頁內容的編碼，而不是文件本身的，其他類型的編碼中文可能會出現亂碼。編碼通常會出現gb2312以及utf—8兩種規(guī)范，utf—8比較貼近于國際標準，而如果這個站只針對中國的話，可以選擇gb2312。
<meta name="keywords" content="關鍵字" />
keywords是網頁關鍵詞，以前搜索引擎非常重視抓取這個東西，可是因為很多站長過度優(yōu)化關鍵詞，現在已經不那么重要了。
<meta name="description" content="本頁描述或關鍵字描述" />
description是網頁描述，介紹這個網頁的大概內容。
更多建議：