首頁 web前端 H5教程 HTML檔案HEAD內部標記淺析

HTML檔案HEAD內部標記淺析

Dec 14, 2016 am 10:57 AM

 今天,使用各種所見即所得工具製作首頁已經是一件非常容易的事了。但了解HTML原始碼和文法,無疑對我們製作首頁有更大的幫助,也能讓使用者更精確地控制頁面的效果。介紹HTML語法的文章已經很多,但除了TITLE標記外,HEAD裡還有其他的幾個標記。這些標記雖然不常用,但是需要我們對他們有一定的了解。
一、META
META標記用來描述一些不包含在標準HTML裡的文件資訊。激烈的競爭使瀏覽器廠商紛紛利用META開發出許多實用的功能,又讓這些功能在常用的瀏覽器中都能發揮作用。以下介紹幾個很有用的用法:
* 
 
本頁的關鍵字和說明。在頁面裡加上這些定義後,一些搜尋引擎就能夠讓讀者根據這些關鍵字查找到你的主頁,了解你的主頁內容。
*  
瀏覽器將在60秒後,自動轉向到new.htm。你可以利用這個功能,製作一個封面,在若干時間後,自動帶讀者來到你的目錄頁。 -type" CONTENT="text/html; charset=GB2312"> 
描述本頁使用的語言。瀏覽器根據此項,就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器裡選擇。GB2312是指簡體中文,而台灣BIG5內碼的首頁則是用BIG5。在本機硬碟上儲存一個網路檔案的臨時版本。話。 >
REL參數說明兩份文件之間的關係,HREF說明目標文件名稱。原始地址">
本文檔的原始地址。這樣,讀者下載你的文件之後,也可以知道是從哪裡下載的。
2、
在一個框架(frame)頁中,如果要把某個框架的連接在另外一個框架顯示,例如,把menu框架中的連接顯示到content框架,就可以在menu框架中的頁面加上,這樣,就沒有必要在menu頁面的所有連接的標記中添加target屬性了,除非這個連接不是在content框架中顯示。
ALINK、LINK、TEXT、VLINK
文字的顏色。
ALINK:目前啟動的連接的文字顏色。 :文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR:頁面的背景部分。
BACKGROUND:背景圖案,此圖案在頁面內平鋪。背景圖案應保持單一色調,以確保頁面文字易於閱讀。
BGPROPERTIES:設定成FIXED,則背景圖案不捲動。 (只對INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景圖案是深色調,因之文字顏色為淡顏色,那麼由於瀏覽器調用頁面的順序是“背景色-文字-背景圖案”,那麼在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN:頁邊空白。 (只對INTERNET EXPLORER有效)
LEFTMARGIN:左邊頁邊空白。
TOPMARGIN:頂端頁邊空白。
MARGINWIDTH、MARGINHEIGHT:頁邊空白。 (只對NETSCAPE NAVIGATOR有效)
MARGINWIDTH:左右頁邊空白寬度
MARGINHEIGHT:上下頁邊空白高度
在這裡,我們第一次碰到了INTERNET EXPLORER和NETSCAPE NAVIGATOR支援不同的標記的情況。由於商業競爭的殘酷,作為兩家最大的瀏覽器軟體開發商,MICROSOFT和NETSCAPE都在擴展HTML的功能,增加一些標準HTML沒有的標記。由於互相保守商業機密,兩家發展的標記不盡相同。值得慶幸的是,這兩種瀏覽器對於自己無法辨認的標記,不會報錯,只是簡單的忽略過去。這樣,我們把它們各自支持的標記都加上,就可以達到一致的效果。就這個例子來說,如果我們想製作一個頁面,使用兩種瀏覽器來看,頁邊空白都是0,就可以這樣寫:

其他類似的情況也一樣,只要我們把它們都寫在一起一般就沒有問題了。

更多相關內容請關注PHP中文網(www.php.cn)!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

HTML 中的巢狀表

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 中的表格邊框

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

在 HTML 中移動文字

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

您如何在PHP中解析和處理HTML/XML?

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕

See all articles