国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML網頁頭部代碼實例詳解

2020-03-24 19:17:01
字體:
來源:轉載
供稿:網友
知識點一:頭部信息里設置網頁的基底網址 基底網址的實質是統一設置超級鏈接的屬性,基底網址標簽是 /base ,它有兩個屬性,href和_target。href用于設置基底網址的路徑,_target用于設置超級鏈接的打開方式。通過基底網址的添加,頁面中所有的相對網站根目錄地址可轉換成絕對地址。當瀏覽器瀏覽頁面時,通過 base 標記將相對網站跟目錄地址附加在基底網址路徑的后面,從而轉化成絕對地址。我們首先創建一個base.htm,編寫HTML代碼如下:
復制代碼代碼如下:
html
head
title 基底網址的設置 /title
base href=" a http://www.phpstudy.net /a " _target="_blank" /
/head
body
/body
/html
通過以上代碼對基底網址的設置。Base.htm頁面中的任何超級鏈接的地址,都將在其前面加上 http://www.phpstudy.net ,即轉換為絕對地址。并且,頁面中的超級鏈接打開方式都是打開新窗口。知識點二:頭部信息的元信息標簽元信息標簽是頭部信息的基本標簽,專業網頁代碼中都對元信息有詳細設置。元信息標簽為 /meta ,為單標簽。Meta元素提供的信息對于瀏覽用戶是不可見的,一般用于定義頁面信息的名稱,關鍵字,作者等。在HTML頁面中,一個meta標簽內就是一個meta內容,而在一個HTML頭頁面中可以有多個meta元素。meta標簽屬性分兩種:頁面描述屬性(name)和http標題信息(http-equiv)。name屬性name屬性主要用于描述網頁的內容,用于對搜索引擎的優化,必須重點掌握。正確地設置name屬性,以便搜索引擎(比如google,baidu)的搜索機器人查找,分類,搜索引擎一般都會自動查找meta值來給網頁分類。name的取值如下: 1 keywords。即關鍵字,用于說明網頁所包含的關鍵字等信息,從而提高被搜索引擎搜索到的概率。編寫格式為 meta name= keywords content = 關鍵字 / ,content屬性的值為用戶所設置的具體關鍵字。(一般可設置多個關鍵字,他們之間用英文半角的逗號分開,搜索引擎都限制關鍵字的數量,所以關鍵字內容要簡潔精練) 2 description。中文意思為 描述 ,用于描述網頁的主要內容、主題等,合理設置也可以提高被搜索引擎搜索到的概率。格式為 meta name= description content = 對頁面的描述 / ,content屬性值為用戶所設置的頁面具體描述的內容,最多容納1024個字符,但搜索引擎一邊只顯示約前175個字符。 3 author。作者,用于設置網站作者的名稱,比較專業的網站經常用到。格式為 meta name= author content = 作者名稱 / 4 generator。生成器,用于設置網站編輯工具的名稱,比較專業的網站頁面上經常用到。格式 meta name= generator content = 網站編輯工具名稱 / 5 robots。機器人,用于限制頁面搜索方式。搜索引擎的搜索機器人,沿著網頁上的鏈接(如http和src鏈接),不斷地檢索資料建立自己的數據庫。通過這種meta標簽可以限制部分內容不被搜索引擎檢測到,降低部分信息公開性。編寫格式為 meta name= robots content= 指令組合 。該屬性的值包含4個命令,分別是index、noindex、follow、nofollow,根據排列組合,有4種組合。Index和follow組合也可稱為all,noindex和nofollow也可稱為none。http-equiv屬性http-equiv屬性的取值具體如下: 1 content-type,內容類別,用于設置頁面的類別和語言字符集。編寫格式 meta http-equiv= content-type context= text/html ;charset= gb2312 / ,content屬性的值代表頁面采用HTML代碼輸出,字符集為gb2312(簡體中文),國際化網站開發的話,為了字符統一,建議charset采用utf-8. 2 refresh。刷新,用于設置多長時間內網頁自己刷新一次,或者用一段時間自動跳轉到其他頁面,第一種編寫格式 meta http-equiv= refresh context= 30 / 表示隔30秒刷新一次,第二種編寫格式 meta http-equiv= refresh context= 30;url=www.google.com / ,表示30秒后頁面自動跳轉到www.google.com網站 3 expires,中文意思為 到期 ,用于設置頁面到期時間。一旦網頁過期,必須到服務器上重新調用網頁。第一種編寫格式為 meta http-equiv= expires context= Wed,10 Mar 2011 12:00:00 GMT / ,content值代表網頁過期的時間,必須使用GMT時間格式。第二種編寫格式為 meta http-equiv= expires context= 30 / ,表示多少秒后過期。 4 cache-control,緩存控制。用于禁止在緩存中調用網頁,編寫格式為 meta http-equiv= cache-control context= no-cache / ,no-cache代表不允許緩存。 5 set-cookie,設置cookie,用于設置本頁面cookie多久過期,編寫格式為 meta http-equiv= set-cookie context= Wed,10 Mar 2011 12:00:00 GMT / ,代表到這個時間,cookie將被刪除。
知識點三:頭部信息實現與CSSJavaScript混編CSS負責HTML網頁的樣式,JaveScript負責HTML網頁的動態行為。CSS和JaveScript最常用的融合方式是寫入頭部信息部分。
1 加入CSS只需在頭部信息中加入 style type= text/css /style 標簽對。范例代碼如下

復制代碼代碼如下:
html
head
title CSS的設置 /title
style type= text/css
CSS具體內容
/style
/head
body
/body
/html
2 加入JavaScript只需要在頭部信息中加入 script type= text/javascript /script 標簽對。范例代碼如下:
復制代碼代碼如下:
html
head
title CSS的設置 /title
style type= text/css
CSS具體內容
/style
script type= text/javascript
JavaScript具體內容
/script
/head
body
/body
/html
知識點四:常用頭部信息功能推薦

1 頁面切換特效,其中一種特效的編寫格式如下:

復制代碼代碼如下:
meta http-equiv= page-enter content= blendtrans(duration=0.5) /
http-equiv屬性的值為page-enter時表進入該頁面時啟用特效,http-equiv屬性的值為page-exit時代表退出(離開)該頁面時啟用特效。Content屬性的值代表特效的種類,這種特效也叫動態濾鏡。濾鏡種類很多,比如blendtrans就是很常見得一種,效果為淡入淡出,duration值表示效果持續的時間(單位為秒)。另一種濾鏡特效編寫格式如下:
復制代碼代碼如下:
meta http-equiv= page-enter content= revealTrans(duration=6) /
動態濾鏡revealTrans也可用于頁面進入與退出效果。Duration表示濾鏡特效持續時間(單位為秒),Transition是濾鏡類型,表示想使用哪種特效,取值為0~23。 2 強制頁面在當前窗口以獨立頁面顯示,可以防止網頁被其他網站框架,編寫格式如下:

復制代碼代碼如下:
meta http-equiv="window-target" content= _top"
3 頁面圖標設置,編寫格式如下:

復制代碼代碼如下:
link rel="Shortcut Icon" href="/myicon.ico"
href屬性的值是ico圖標文件的路徑,這里采用的是相對根目錄路徑html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鄂伦春自治旗| 宜都市| 醴陵市| 玉龙| 荥阳市| 石城县| 称多县| 剑川县| 汽车| 运城市| 康马县| 元江| 佳木斯市| 揭阳市| 丰原市| 图木舒克市| 桐梓县| 邵武市| 托克托县| 邯郸县| 苍溪县| 平塘县| 千阳县| 平度市| 项城市| 正镶白旗| 长宁县| 宿迁市| 凭祥市| 文昌市| 古丈县| 万源市| 集安市| 和平区| 屯昌县| 鄂温| 太仓市| 许昌县| 郓城县| 永宁县| 虹口区|