1. 程式人生 > >Java Web 學習筆記(一)

Java Web 學習筆記(一)

HTML基礎

一、什麼是 HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文字標記語言 (Hyper Text Markup Language)
HTML 不是一種程式語言,而是一種標記語言 (markup language)
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
二、HTML框架
框架結構標籤(<‘frameset’>)
框架結構標籤(<‘frameset’>)定義如何將視窗分割為框架
每個 frameset 定義了一系列行或列
rows/columns 的值規定了每行或每列佔據螢幕的面積
編者注:frameset 標籤也被某些文章和書籍譯為框架集。
框架標籤(Frame)
Frame 標籤定義了放置在每個框架中的 HTML 文件。
三、HTML內聯框架


使用 iframe 作為連結的目標
iframe 可用作連結的目標(target)。
連結的 target 屬性必須引用 iframe 的 name 屬性:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

四、HTML 元素

元素是所有頭部元素的容器。 內的元素可包含指令碼,指示瀏覽器在何處可以找到樣式表,提供元資訊,等等。 以下標籤都可以新增到 head 部分: 、、、、</meta></link></base>

五、HTML 統一資源定位器
URL - Uniform Resource Locator
遵守以下的語法規則:

scheme://host.domain:port/path/filename

解釋:

scheme - 定義因特網服務的型別。最常見的型別是 http
host - 定義域主機(http 的預設主機是 www)
domain - 定義因特網域名,比如 w3school.com.cn
:port - 定義主機上的埠號(http 的預設埠號是 80)
path - 定義伺服器上的路徑(如果省略,則文件必須位於網站的根目錄中)。
filename - 定義文件/資源的名稱
在這裡插入圖片描述
URL 編碼會將字元轉換為可通過因特網傳輸的格式。
URL 只能使用 ASCII 字符集來通過因特網進行傳送。
由於 URL 常常會包含 ASCII 集合之外的字元,URL 必須轉換為有效的 ASCII 格式。
URL 編碼使用 “%” 其後跟隨兩位的十六進位制數來替換非 ASCII 字元。
URL 不能包含空格。URL 編碼通常使用 + 來替換空格

HTML 標籤
定義和用法:
“<‘meta’>” 元素可提供有關頁面的元資訊(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵詞。
“<‘meta’>” 標籤位於文件的頭部,不包含任何內容。"<‘meta’>" 標籤的屬性定義了與文件相關聯的名稱/值對。
HTML 與 XHTML 之間的差異
在 HTML 中,"<‘meta’>" 標籤沒有結束標籤。
在 XHTML 中,"<‘meta’>"標籤必須被正確地關閉。
在這裡插入圖片描述
name 屬性:
name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標籤都沒有指定任何預先定義的 名稱。通常情況下,您可以自由使用對自己和源文件的讀者來說富有意義的名稱。
“keywords” 是一個經常被用到的名稱。它為文件定義了一組關鍵字。某些搜尋引擎在遇到這些關鍵字時,會用這些關鍵字對文件進行分類。
類似這樣的 meta 標籤可能對於進入搜尋引擎的索引有幫助:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

如果沒有提供 name 屬性,那麼名稱/值對中的名稱會採用 http-equiv 屬性的值。

http-equiv 屬性:
http-equiv 屬性為名稱/值對提供了名稱。並指示伺服器在傳送實際的文件之前先在要傳送給瀏覽器的 MIME 文件頭部包含名稱/值對。

當伺服器向瀏覽器傳送文件時,會先發送許多名稱/值對。雖然有些伺服器會發送許多這種名稱/值對,但是所有伺服器都至少要傳送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文件。

使用帶有 http-equiv 屬性的 標籤時,伺服器將把名稱/值對新增到傳送給瀏覽器的內容頭部。例如,新增:

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

這樣傳送到瀏覽器的頭部就應該包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

當然,只有瀏覽器可以接受這些附加的頭部欄位,並能以適當的方式使用它們時,這些欄位才有意義。

content 屬性:
content 屬性提供了名稱/值對中的值。該值可以是任何有效的字串。
content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。

scheme 屬性:
scheme 屬性用於指定要用來翻譯屬性值的方案。此方案應該在由 標籤的 profile 屬性指定的概況檔案中進行了定義。