HTML和HTML5新增的元素有哪些

這篇文章主要介紹“HTML和HTML5新增的元素有哪些”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“HTML和HTML5新增的元素有哪些”文章能幫助大家解決問題。

　　HTML

　　定義：HTML也就是超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽，通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等。

　　超文本是一種組織信息的方式，它通過超級(jí)鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。

　　HTML 重要標(biāo)簽

　　HTML中標(biāo)簽數(shù)量是非常的龐大，在學(xué)習(xí)的過程中，我們是很難說把全部的標(biāo)簽都記熟，其實(shí)也沒這個(gè)必要，我們只需要熟悉掌握那些常用標(biāo)簽，剩下的標(biāo)簽只需要做一個(gè)大致了解，當(dāng)遇到不懂的時(shí)候，也可以通過菜鳥教程的HTML部分去快速查找標(biāo)簽的使用說明以及屬性值解析。

　　meta 標(biāo)簽

　　我們?cè)趯慔TML的時(shí)候，有沒有去注意過在head中有meta這么一個(gè)標(biāo)簽?zāi)?，就字面上里說是挺好理解的，charset用于定義文檔的字符編碼，但是meta標(biāo)簽的作用并不僅僅這么的簡單，聽我給你慢慢道來。

　　Document

　　meta 標(biāo)簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在客戶端，但是會(huì)被瀏覽器解析。

　　meta 元素通常用于指定網(wǎng)頁的描述，關(guān)鍵詞，文件的最后修改時(shí)間，作者及其他元數(shù)據(jù)。

　　元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁面)，搜索引擎(關(guān)鍵詞)，或其他 Web 服務(wù)調(diào)用。

　　meta 標(biāo)簽的幾種常見用法：

　　實(shí)例 1 - 定義文檔關(guān)鍵詞，用于搜索引擎：

　　實(shí)例 2 - 定義web頁面描述：

　　實(shí)例 3 - 定義頁面作者：

　　實(shí)例 4 - 每30秒刷新頁面：

　　實(shí)例 5 - 定義網(wǎng)頁的視口：

　　鏈接標(biāo)簽

　　HTML使用標(biāo)簽 < a > 來設(shè)置超文本鏈接。

　　超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，用戶點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。

　　默認(rèn)情況下，鏈接將以以下形式出現(xiàn)在瀏覽器中：

　　一個(gè)未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。

　　訪問過的鏈接顯示為紫色并帶有下劃線。

　　點(diǎn)擊鏈接時(shí)，鏈接顯示為紅色并帶有下劃線。

　　a 標(biāo)簽的幾個(gè)重要屬性如下：

　　屬性名屬性說明id用于描述錨點(diǎn)位置

　　href用于描述跳轉(zhuǎn)鏈接的地址

　　target用于指定鏈接跳轉(zhuǎn)的方式，默認(rèn)方式是在當(dāng)前窗口打開鏈接，通過_blank值設(shè)置為在新窗口跳轉(zhuǎn)鏈接

　　base 標(biāo)簽

　　既然說到了鏈接標(biāo)簽，那么就不得不說到base標(biāo)簽了，base標(biāo)簽或許也是一個(gè)比較罕見的使用標(biāo)簽了，但是確實(shí)一個(gè)非常有用的標(biāo)簽，值得我們學(xué)習(xí)一下。

　　下面就以一行代碼來開啟base標(biāo)簽的學(xué)習(xí)：

　　< base > 標(biāo)簽為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)。

　　通常情況下，瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對(duì) URL 中的空白。

　　使用 < base > 標(biāo)簽可以改變這一點(diǎn)。瀏覽器隨后將不再使用當(dāng)前文檔的 URL，而使用指定的基本 URL 來解析所有的相對(duì) URL。這其中包括 < a >、< img >、< link >、< form > 標(biāo)簽中的 URL。

　　< base > 標(biāo)簽的使用還需要注意：

　　必須寫在head，上面的代碼就定義了這個(gè)html里面默認(rèn)的超文本鏈接是并且默認(rèn)都是在新頁面跳轉(zhuǎn)鏈接

　　盡量將base標(biāo)簽寫在head的第一個(gè)位置，因?yàn)檫@樣其他在head的標(biāo)簽也能使用base的默認(rèn)設(shè)置了

　　link標(biāo)簽

　　link 標(biāo)簽用于引入外部資源。

　　屬性名屬性說明href規(guī)定被鏈接的資源的位置

　　type描述被鏈接的資源的類型

　　ref描述被鏈接的資源與當(dāng)前文檔的關(guān)系

　　其中rel屬性是必須的，最常用的值就是stylesheet，表示被引入的資源是當(dāng)前文檔的外部樣式表。另外還有 alternate、author，help，icon等其他值，詳情可以參閱link標(biāo)簽詳情。

　　input 標(biāo)簽(含HTML5新增)

　　input 標(biāo)簽用于定義輸入框，input標(biāo)簽的使用非常的簡單，但是由于輸入框的類型過多，根據(jù)不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。

　　HTML5新增內(nèi)容

　　HTML5是構(gòu)建Web內(nèi)容的一種語言描述方式，HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語言方式，被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。HTML產(chǎn)生于1990年，1997年HTML4成為互聯(lián)網(wǎng)標(biāo)準(zhǔn)，并廣泛應(yīng)用于互聯(lián)網(wǎng)應(yīng)用的開發(fā)。

　　HTML5是Web中核心語言HTML的規(guī)范，用戶使用任何手段進(jìn)行網(wǎng)頁瀏覽時(shí)看到的內(nèi)容原本都是HTML格式的，在瀏覽器中通過一些技術(shù)處理將其轉(zhuǎn)換成為了可識(shí)別的信息，HTML5在從前HTML4.01的基礎(chǔ)上進(jìn)行了一定的改進(jìn)。

關(guān)于“HTML和HTML5新增的元素有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。