初涉HTML

子珈發表於2016-07-14

一. 概念

1. HTML標記:瀏覽器顯示的網頁效果

2. HTML元素:只是瀏覽器如何組合和顯示文件

3. HTML屬性:控制和顯示元素內容

      每個元素有>=1個屬性,且屬性無大小,順序之分

4. HTML資料型別:a. 長度值:絕對值(以畫素px定義)和相對值(以佔用相對物件的百分比表示)

                                   b. 顏色值:十六進位制表示(#RRGGBB)和顏色的英文名稱表示

5. URL地址規範: 從HTML網頁連結到另一個HTML網頁時,需依靠URL,其會把網頁定位到正確的位置上

          a. URL(Uniform Resource Identifier):統一資源識別符號

          b. 定位:網路應用層的協議種類 + web伺服器地址 + 網頁檔案路徑 (+ 具體檔案的錨定位)---------分為絕對定位和相對定位



二. 建立HTML檔案( .html     .htm    .shtml)

1. SHTML與HTML的區別:SHTML不是HTML,而是一種伺服器API,shtml是伺服器動態產生的html

2. .shtml: 一種用於SSI(Server Side Include----SSI伺服器端包含指令)技術的檔案,即使用SSI的html副檔名。(SSI是為web伺服器提供的一套命令,其只需直接嵌入到HTML文件的註釋中即可)SSI通常稱為“伺服器端嵌入”或“伺服器端包含”,是一種類似於ASP(動態伺服器頁面)的基於伺服器的網頁製作技術。

3. 三者區別

   同:均為靜態網頁字尾

   異:.html與.htm完全靜態網頁,不通過伺服器編譯直接送出給瀏覽器讀取。以htm和html偽靜態Request除外

            a. html與htm無任何區別,可互換

            b. shtml與shtm無任何區別,可互換

            c. html與shtml都屬於靜態網頁的一種,html屬於純靜態,客戶端瀏覽器讀取html檔案是什麼就呈現給瀏覽器什麼內容,而shtml可以使用SSI

            d. SSI指令:<!-- #include file = "info.htm" -->  作用:將info.htm內容拷貝到當前頁面中

                                      例:A.shtml頁面內容是: 我包含頁面B<!-- #include file = "b.htm" -->

                                              B.shtml頁面內容是: 我是頁面B

                                          當瀏覽器檢視A頁面html原始碼。A.shtml頁面內容是:我是頁面B。不會發現B頁面引入痕跡,而是看到頁面B內容完全在A頁面裡

相關文章