例項講解HTML5的meta標籤的一些應用

2022-09-26 20:42:25 字數 1341 閱讀 5813

html 4.01 與 html 5 之間meta標籤用法的主要差異:

在 html 5 中,不再支援 scheme 屬性。

在 html 5 中,有乙個新的 charset 屬性,它使字符集的定義更加容易。

在 html 4.01 中,不得不這麼寫:

xml/html code複製內容到剪貼簿

在 html 5 中,這樣就夠了:

xml/html code複製內容到剪貼簿

例子定義針對搜尋引擎的關鍵詞:

xml/html code複製內容到剪貼簿

定義對頁面的描述:

xml/html code複製內容到剪貼簿

定義頁面的最新版本:

xml/html code複製內容到剪貼簿

每 5 秒重新整理一次頁面:

xml/html code複製內容到剪貼簿

屬性標準屬性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title如需完整的描述,請訪問 html 5 中標準屬性。

事件屬性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragle**e, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述,請訪問 html 5 中事件屬性。

例項文件描述

xml/html code複製內容到剪貼簿

meta 元素中的資訊可以描述 html 文件。

文件關鍵字

xml/html code複製內容到剪貼簿

meta 元素中的資訊可以描述文件的關鍵詞。

重定向xml/html code複製內容到剪貼簿

移動前端開發中新增一些webkit專屬的html5頭部標籤,幫助瀏覽器更好解析html**,更好地將移動web前端頁面表現出來。本文整理一些常用的meta標籤。

xml/html code複製內容到剪貼簿

本文標題: 例項講解html5的meta標籤的一些應用

本文位址:

HTML5的大綱講解

html5的大綱講解 1 html5大綱分析工具 會呈現最終頁面效果 2 html5大綱的編排規則 分為 顯示編排 和 隱式編排 兩種方式。顯示編排 是指明確使用section元素進行分塊,每個內容區塊內使用標題元素h1 h6 隱式編排 是指不使用section元素進行分塊,而是根據標題元素h1 h...

HTML5 新屬性的講解

1.選擇器 標籤選擇器 class選擇器 id選擇器 後代選擇器 div li div下所有li 子代選擇器 div li div的所有子一代 li 元素 交集選擇器 div.class 這個元素式div且類名叫class 並級選擇器 class,ad 選擇兩個元素乙個類叫class 乙個類叫ad ...

HTML5的 meta 標籤 使用彙總

meat物件代表html的乙個元素,提供html元素的元資訊,比如描述 關鍵字 重新整理頻率。物件屬性 content 設定或返回元素的content屬性 httpequiv 把content屬性連線到乙個http頭部 name 把content屬性連線到某個名稱 scheme 設定或返回用於解釋c...