包括舊的HTML元素和新的HTML5
雖然它的開發早在多年前就已開始,但HTML5第一次真正開始在2010年開始與網頁設計師/開發人員共同使用。許多Web專業人士都很熟悉該語言,因為它不是從頭開始重新創建所有的東西,而是HTML5建立在之前發生的事情上。 任何知道HTML 4.01的人都很快發現,現在可以在HTML5中找到相當多的版本。
雖然HTML5包含了許多HTML元素,但它還引入了少數HTML5新元素。 對於這些新元素中的許多來說,使用了一種叫做“鋪路牛”的方法。 這是IT中常用的一個術語,主要是指看看人們已經在做什麼和做什麼。 對於網頁設計師來說,這意味著要看看他們是如何構建頁面的,以及如何根據這些活動的新元素做出決定。 例如,許多網絡專業人員將建立具有使用“標題”,“導航”和“頁腳”的標識或類屬性的分部的網站。 因此,HTML5將這些內容作為新元素引入,允許Web專業人員通過使用專用分段元素而不是僅分區來為其文檔增添更多意義。 這種熟悉性和認可當前實踐的方法相結合,幫助HTML5迅速被網頁設計行業所接受。
HTML5 Doctype
首先,要使用任何新的HTML5元素,您的文檔必須包含以下HTML5文檔類型:
<!doctype html>您可能會注意到,該文檔沒有具體提及“HTML5”,而只是簡單地將該版本聲明為“html”。 這是因為這個文檔類型是所有迭代語言的目標。
事實上,HTML5應該是該語言的最後編號版本,未來將在一致的基礎上添加新的更改。 事實上,在2010年初步推出之後,下面列表中的一些元素已被添加到該語言中!
HTML5標籤
標籤 | 說明 |
---|---|
錨或鏈接 | |
abbr> | 縮寫 |
<地址> 地址> | 文件的地址或作者 |
<區域> | 客戶端圖像映射 |
<文章> 文章> | 文章 |
<預留> 預留> | 切向內容 |
<音頻> 音頻> | 音頻流 |
b> | 膽大 |
<鹼> | 文檔中元素的基本URI路徑 |
bdo> | 雙向算法 |
blockquote> | 長引文 |
body> | 頁面的正文 |
點擊 | 越線 |
HTML表單按鈕 | |
<帆布> 畫布> | 用於動態圖形的畫布 |
<! - - > | 評論 |
| 表標題 |
cite> | 引文 |
code> | 代碼參考 |
<山口> | 表列 |
| 表列分組 |
<命令> | 在頁面上的命令或操作 |
<!DOCTYPE> | 文檔類型定義 |
<數據網格> 數據網格> | 數據網格 |
<數據列表> 數據列表> | 其他控件的預定義選項 |
| 定義列表描述或話語範圍 |
| 已刪除的文字 |
<細節> 細節> | 額外的按需信息 |
dfn> | 定義 |
<對話框> 對話框> | 會話 |
div> | 邏輯劃分 |
| 說明列表 |
| 定義列表術語或對話說話者 |
em> | 重點 |
<嵌入> | 嵌入式插件元素 |
表格控件組 | |
| 用於 |
<圖> 圖> | 帶有可選標題的圖 |
<頁腳> 頁腳> | 頁面的頁腳 |
形成 | |
h1> | 第一級標題 |
h2> | 第二級標題 |
h3> | 第三級標題 |
h4> | 第四級標題 |
h5> | 第五級標題 |
h6> | 第六級標題 |
head> | 文件的負責人 |
<頭> 報頭> | 頁面的標題 |
hgroup> | 標題組 |
| 橫向規則 |
html> | 網頁的根元素 |
i> | 斜體文本樣式 |
內聯框架 | |
圖片 | |
<輸入> | 輸入表單元素 |
按鈕表單元素 | |
複選框表單元素 | |
顏色輸入 | |
日期輸入 | |
全球日期和時間輸入 | |
本地日期和時間輸入 | |
電子郵件地址輸入 | |
文件上傳表單元素 | |
隱藏的表單字段元素 | |
圖像表單元素 | |
年和月輸入 | |
數字輸入 | |
密碼表單元素 | |
單選按鈕表單元素 | |
不精確的數字輸入 | |
重置按鈕表單元素 | |
搜索字段 | |
提交按鈕表單元素 | |
電話號碼輸入 | |
文本字段表單元素 | |
時間輸入 | |
網址輸入 | |
年和周輸入 | |
ins> | 插入文字 |
kbd> | 文本由用戶輸入 |
<密鑰生成> | 為證書管理生成安全密鑰 |
表格標籤 | |
表單字段集標題 | |
| 項目清單 |
<鏈路> | 鏈接到相關文件 |
| 主頁上的內容區域 |
客戶端圖像映射 | |
<標記> 標記> | 標記或突出顯示的文本 |
命令列表 | |
的 | 有關文檔的元信息 |
<米> 米> | 標量儀 |
定義一個包含導航鏈接的區域 | |
當腳本不可用時的內容 | |
非標準對象 | |
| 有序或編號列表 |
選擇列表中的選項組 | |
選擇列表中的選項 | |
<輸出> 輸出> | 表格計算的結果 |
p> | 段 |
對像元素的參數 | |
pre> | 預先格式化的文本 |
<進度> 進展> | 進度指示器 |
q> | 短內聯報價 |
Ruby括號 | |
Ruby文本 | |
<紅寶石> 紅寶石> | Ruby註釋 |
| 刪除文本 |
samp> | 示例輸出 |