首頁 > web前端 > html教學 > 網頁設計中的關鍵字設計的方法介紹_HTML/Xhtml_網頁製作

網頁設計中的關鍵字設計的方法介紹_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:41:10
原創
1950 人瀏覽過

很多時候,我們在做主頁時會忽略了網頁頭部屬性的設定。網頁頭部屬性是指Html 檔案中被<Head> 標識符所作用的區域,Html 檔案的頭部資訊包括了對目前檔案一些資訊的收集,對<Head> 區的屬性進行修改後,不會直接影響到該文件的視覺效果。但透過對其進行設置,將使我們的主頁製作過程更加規範、使用更方便。
  現在就讓我們來看看如何設定一些首頁的頭部屬性:
  
  1.META標識符
 
1.META標識符

 
1.META標識符

 
1.META標識符

 
1.META標識符

 1.META標識符
 
1.META標識符

 ]目前頁面的一些重要訊息,例如網頁的字元集、作者、版本、網頁關鍵字等等。
  例如:
  <head>   ..............   <meta http-equiv=″Content-Type″ content=″text/html; =gb2312″>
  <meta name=″電腦軟體應用網″ content=″電腦軟體應用網工作室製作″>
  <meta name=″″″ content=″第三次改版改版
  <meta name=″內容″ content=″軟體下載、使用,首頁製作,賺錢,導覽...″>
  ..............   < /head>
  其中「name」的內容表示META 識別碼是包含關於目前頁面的描述訊息,「http-equiv」則表示為HTTP 頭部資訊(HTTP-EQUIV)。
  
  
2.插入關鍵字屬性

  現今網上許多流行的搜尋引擎機器人能讀取META識別碼中的關鍵字屬性,並根據他們的資料庫中進行索引。當瀏覽者在搜尋網站上輸入相關的關鍵字搜尋時,你的網頁位址就會列入其中。但有一些搜尋引擎會限制你的關鍵字的數量,多餘的關鍵字就會被忽略。
  例如:   <meta name=″keywords″ content=″電腦軟體應用網工作室,http://www.jb51.net″>   <meta name=″keys″ 7name=″軟體下載、軟體使用、首頁製作、導覽″>
  其中「keywords」為關鍵字,「content」內容為關鍵字的屬性。

       3.插入網頁簡述屬性

  與關鍵字(Keywords)的性質一樣,網頁簡介是給搜尋引擎機器人提供關於當前網頁的大致簡介,同樣有一些搜尋引擎會簡介限制你的簡介的字數。   舉例:   <meta name=″description″ content=″電腦軟體應用網(http://www.jb51.net)-電腦軟體硬體應用網工作室,小牛″>   4.插入網頁刷新屬性  例如:   <meta http-equiv=″refresh″ content=″5;URL=http://www.jb51.net″> >  這段程式碼的意思是:網頁過5秒後,目前頁面自動跳到「http://www.jb51.net」。其中「content」中的「5」表示間隔為5秒,也可以改為「3」、「4」等其他時間,由網頁作者自定;「URL」後接想要跳到的其他頁面的地址。   <meta http-equiv=″refresh″ content=″3″>   這段程式碼的意思是:網頁過3秒後,目前頁面自動刷新。其中「content」中的「3」表示間隔為3秒,也可以改為「4」、「5」等其他時間,也由網頁作者自定。        5.插入網頁基鏈結屬性   如果你的一個頁面中的全部鏈接都使用相對路徑鏈接,而你想將其都改為網上的同一個絕對鏈接路徑,可以透過網頁基連結屬性的設定來實現。   例如:   <base href=″http://www.jb51.net/″ target=″_blank″>   如上,你網頁上的所有相對路徑在連結時都將在前面加上「http://www.jb51.net/」。其中「target=″_blank″」是連結檔案在新的視窗中打開,你可以做其他設定。將「_blank」改為「_parent」是連結檔案會在目前視窗的父級視窗中開啟;改為「_self」連結檔案在目前視窗(訊框)中開啟;改為「_top」連結檔案全螢幕顯示。   以上就是網頁頭部屬性設定的一些技巧,希望能對廣大做主頁的網友有所幫助。筆者小牛希望大家能透過互相交流首頁製作的經驗和心得,讓我們網路上的家園(個人首頁)更加美麗!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板