MATA標籤屬性以及搜尋優化

2021-04-23 15:16:54 字數 1522 閱讀 8313

meta是什麼?meta其實是html語言head區的乙個輔助性標籤。在幾乎所有的網頁裡,我們都可以看到類似下面這段html**:

有人要說,這段**好象可有可無,沒有多大實際作用嘛!其實不是沒用,而是你沒有用好meta標籤。為什麼這樣說呢?這是因為meta標籤有許多引數,使用不同的引數就可以使主頁實現不同的功能,例如用於鑑別作者,設定頁面格式,標註內容提要和關鍵字,以及重新整理頁面等等!下面就讓我們一起來揭開meta標籤的神秘面紗吧!

一、語法:

二、引數解析:

1)name項:常用的選項有keywords(關鍵字) ,description(**內容描述),author(作者),robots(機械人嚮導)等。

2)http-equiv項:可用於代替name項,常用的選項有expires(期限),pragma(cache模式),refresh(重新整理),set-cookie(cookie設定),window-target(顯示視窗的設定),content-type(顯示字符集的設定)等。

3)content項:根據name項或http-equiv項的定義來決定此項填寫什麼樣的字串。

三、應用

1、告訴瀏覽器網頁所識別的檔案型別及語言型別,比如說,我們要讓瀏覽器識別htm/html型別的簡體中文網面,我們可以這樣寫:

< meta name=" keywords" content="網頁關鍵字" >

< meta name=" description" content="網頁描述文字" >

d、首頁最好不用frame結構,因為frame將螢幕劃分成多個視窗後,導航台不能智慧型地選擇正確的視窗中的主頁去標引

content中的6表示時間,單位為秒,url=後面是你要轉向的**,若是與你當前網頁在同一目錄下,可以直接寫上檔名,如:

4、讓網頁每隔一段時間重新整理一次,若要10秒重新整理一次,**這樣寫:

5、通過meta可以讓你進入頁面時產生一些特殊效果,具體應用如下:

< meta http-equiv="page-enter" content= "revealtrans(duration=5.0,transition=n)" > 其中,n的取值範圍為0-23,具體的意義如下:

0 矩形縮小 1 矩形擴大 2 圓形縮小

3 圓形擴大 4 下到上 5 上到下

6 左到右 7 右到左 8 豎百葉窗

9 橫百葉窗 10 錯位橫百葉窗 11 錯位豎百葉窗

12 點 13 左右到中間 14 中間到左右

15 中間到上下 16 上下到中間 17 右下到左上

18 右上到左下 19 左上到右下 20 左下到右上

21 橫條 22 豎條 23 以上

24種隨機選擇一種

7、控制頁面緩衝,如不要頁面緩衝的**這樣寫:

其它還有一些,不過不常用。

input 標籤常用屬性以及 type 的屬性值

input 標籤常用屬性 type 指定input型別 autocomplete 設定是否自動完成,其值為 on off autofocus 規定輸入欄位在頁面載入時是否獲得焦點,不適用於type hidden checked 預設選擇,對type值為 checkbox 及 radio 有效 dis...

HTML中table標籤屬性以及練習例項

實現 樣式,在html實現中,可以使用table標籤。邊框屬性 border 背景色屬性或者背景屬性 table內容邊距 cellpadding table單元格之間的距離 cellspacing 佔據的行數 rowspan 佔據的列數 colspan table 的標題 常用的標籤 行標籤,列標籤...

H5新增的標籤以及屬性

h5的更新加強了瀏覽器的功能,減少了外掛程式的使用 flash svg 定義向量圖 time 日期和時間值 mark 高亮的引用文字 還有一些語義化標籤 頭部尾部 導航欄具體的內容 文章內容的側邊欄 用作文件中插圖的影象,如果要新增標題的話得使用並且要必須要放在標籤裡面 如 這是一張 mark標籤 ...