国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

meta標簽的常見用法

twohappy / 1427人閱讀

摘要:元數據總是以名稱值的形式被成對傳遞的。典型的情況是,元素被用于規定頁面的描述關鍵詞文檔的作者最后修改時間以及其他元數據。此方案應該在由標簽的屬性指定的概況文件中進行了定義。

一、定義和用法

標簽始終位于 head 元素中。 元素可提供有關頁面的元信息(meta-information),元數據不會顯示在頁面上,但是對于機器是可讀的。比如針對搜索引擎和更新頻度的描述和關鍵詞。

元數據(metadata)是關于數據的信息。元數據總是以名稱/值的形式被成對傳遞的。

典型的情況是,meta 元素被用于規定頁面的描述、關鍵詞、文檔的作者、最后修改時間以及其他元數據。

元數據可用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 web 服務。

二、可選的屬性

屬性描述
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 屬性關聯到 HTTP 頭部。
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 屬性關聯到一個名稱。
scheme some_text 定義用于翻譯 content 屬性值的格式。

?

注意:當有http-equiv或者name屬性時,必須要有content屬性,content 屬性提供了名稱/值對中的值,content屬性定義與 http-equiv 或 name 屬性相關的元信息。content始終要和 name 屬性或 http-equiv 屬性一起使用

?1、http-equiv 屬性

http-equiv 屬性為名稱/值對提供了名稱。并指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。

http-equiv屬性是添加http頭部內容,對一些自定義的,或者需要額外添加的http頭部內容,需要發送到瀏覽器中,我們就可以是使用這個屬性。

使用帶有 http-equiv 屬性的 標簽時,服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。

常用的有:

1、content-Type(顯示字符集的設定):設定頁面使用的字符集。

用法:
注意:
charset是聲明文檔使用的字符編碼,解決亂碼問題主要用的就是它,charset一定要寫第一行,不然就可能會產生亂碼了。

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

兩個都是等效的。
2、Expires(期限):可以用于設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。 

用法:

注意:必須使用GMT的時間格式。

3、Refresh(刷新):自動刷新并指向新頁面。

用法:
//(注意后面的引號,分別在秒數的前面和網址的后面) 注意:其中的2是指停留2秒鐘后自動刷新到URL網址。

4、Set-Cookie(cookie設定):如果網頁過期,那么存盤的cookie將被刪除。

用法:

注意:必須使用GMT的時間格式。

?2、name 屬性

name 屬性提供了名稱/值對中的名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。

如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。

常用的有:

分成兩部分:
一個是SEO部分(搜索引擎優化)
1
、Keywords(關鍵字):keywords用來告訴搜索引擎你網頁的關鍵字是什么。 舉例: 2、description(網站內容描述):description用來告訴搜索引擎你的網站主要內容。 舉例: 3、author(作者):標注網頁的作者 舉例: 另一部分是viewport viewport:主要是影響移動端頁面布局的 舉例: content 有參數: width viewport 寬度(數值/device-width);height viewport 高度(數值/device-height); initial-scale 初始縮放比例;maximum-scale 最大縮放比例; minimum-scale 最小縮放比例;user-scalable 是否允許用戶縮放(yes/no)

3、scheme 屬性(沒用過)

scheme 屬性用于指定要用來翻譯屬性值的方案。此方案應該在由 標簽的 profile 屬性指定的概況文件中進行了定義。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1850.html

相關文章

  • HTML meta標簽總結與屬性使用介紹

    摘要:用處這句話對標簽用處的介紹,簡潔明了。組成標簽共有兩個屬性,分別是屬性和屬性。與之對應的屬性值為,中的內容是對填入類型的具體描述,便于搜索引擎抓取。為常用屬性關鍵字說明用于告訴搜索引擎,你網頁的關鍵字。安全措施緩存所有響應,但并非必須。 之前學習前端中,對meta標簽的了解僅僅只是這一句。 但是打開任意的網站,其head標簽內都有一列的meta標簽。比如我博客的。showImg(ht...

    GeekQiaQia 評論0 收藏0
  • HTML知識梳理(筆記)

    摘要:標簽位于文檔的頭部,不包含任何內容。這其中包括標簽中的。參考鏈接默認樣式問題處理瀏覽器的默認樣式。讓瀏覽器知道元素的合法性。屬于,是進行嚴格化的結果。機器容易理解結構搜索讀屏軟件有助于優化。是中的,是可以通過進行更改的,是活的。 HTML常見元素 showImg(https://segmentfault.com/img/bVbdnq2?w=861&h=365); meta 定義和用法 ...

    amc 評論0 收藏0
  • 重學 html の meta 標簽

    摘要:標簽的個屬性。緩存所有響應,但并非必須。只為單個用戶緩存,因此不允許任何中繼進行緩存。比如說就不允許緩存的響應表示當前請求開始,該響應在多久內能被緩存和重用,而不去服務器重新請求。 meta簡介 網頁元數據,常用于定義網頁的編碼、說明、關鍵字、修改日期及其他信息。這些數據服務于瀏覽器、搜索引擎等。 meta 標簽的2個屬性name, http-equiv。 。 name 屬性 ...

    guyan0319 評論0 收藏0

發表評論

0條評論

twohappy

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<