< meta>標簽的作用及用法


<meta>標簽的作用及用法:

<meta> 標簽位于文檔的頭部,也就是<head></head>中間的位置,主要作用是提供有關頁面的元信息(meta-information)。

怎樣簡單理解呢?范如樂舉例如下:

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

這段代碼是很常見的,當你用dw軟件創建一個html文檔的時候,默認會看見,例圖:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

這段代碼的作用是定義你網頁的語言,http-equiv是meta標簽的屬性,Content-Type是http-equiv屬性的值,content=后面的部分就是具體的內容,text/html指文檔類型,utf-8指網頁的編碼類型。

對于新手來說,可以這樣簡單理解:這段代碼就是告訴瀏覽器,網頁制作所使用的語言和文字,那么瀏覽器會根據此來調用相應的字符集顯示網頁內容。

meta的屬性用法展開來說是非常多的,比如meta的name屬性主要有以下幾種參數:Keywords(關鍵字)、description(網站內容描述)、author(作者)、robots(機器人向導)等。

又比如meta的http-equiv屬性主要有以下幾種參數:Expires(期限)、Refresh(刷新)、Pragma(cache模式)、Set-Cookie(cookie設定)、content-Type(顯示字符集的設定)、Window-target(顯示窗口的設定)、content-Language(顯示語言的設定)等。

不同的屬性和不同的參數,作用和用法都不同,看到這里,你肯定頭暈了,其實對于新手來說,這些都不需要看,因為你前期也用不到,你只需要學會以下這點就可以了:

<meta name=”descriptioncontent=”西部數碼代理商-如樂主機代理的所有產品除了價格比西部數碼官網的產品更便宜,其它方面都跟西部數碼官網的產品一模一樣,請放心購買,享受優惠價格!“>

這段代碼是告訴搜索引擎,這個網頁的主要內容是什么,它會顯示在搜索結果中,例圖:

<meta name="description"

當你要使用的時候,也很簡單,把代碼里面的中文內容,換成你的文字即可,因為它的格式是固定的:<meta name=”descriptioncontent=””>

如果你不設置這段概括內容,搜索引擎會默認顯示該網頁中第一段的文字,所以,如果你懶的話,完全可以不設置這段概括內容,哈哈~

新手前期只要知道這個用法就可以了,其它的屬性及作用,前期也用不上,以后等你熟悉了,再學習其它的屬性及用法就很輕松了。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/html/7630.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: