HTML和HTML5新增的元素有哪些

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

十載的永清網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整永清建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“永清網(wǎng)站設(shè)計”,“永清網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。

  HTML

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

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

HTML 重要標簽

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

meta 標簽

我們在寫HTML的時候,有沒有去注意過在head中有meta這么一個標簽?zāi)兀妥置嫔侠镎f是挺好理解的,charset用于定義文檔的字符編碼,但是meta標簽的作用并不僅僅這么的簡單,聽我給你慢慢道來。

Document

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

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

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

meta 標簽的幾種常見用法:

實例 1 - 定義文檔關(guān)鍵詞,用于搜索引擎:

實例 2 - 定義web頁面描述:

實例 3 - 定義頁面作者:

實例 4 - 每30秒刷新頁面:

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

鏈接標簽

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

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

默認情況下,鏈接將以以下形式出現(xiàn)在瀏覽器中:

一個未訪問過的鏈接顯示為藍色字體并帶有下劃線。

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

點擊鏈接時,鏈接顯示為紅色并帶有下劃線。

a 標簽的幾個重要屬性如下:

屬性名屬性說明id用于描述錨點位置

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

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

base 標簽

既然說到了鏈接標簽,那么就不得不說到base標簽了,base標簽或許也是一個比較罕見的使用標簽了,但是確實一個非常有用的標簽,值得我們學習一下。

下面就以一行代碼來開啟base標簽的學習:

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

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

使用 < base > 標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 < a >、< img >、< link >、< form > 標簽中的 URL。

< base > 標簽的使用還需要注意:

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

盡量將base標簽寫在head的第一個位置,因為這樣其他在head的標簽也能使用base的默認設(shè)置了

link標簽

link 標簽用于引入外部資源。

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

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

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

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

input 標簽(含HTML5新增)

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

  HTML5新增內(nèi)容

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

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

關(guān)于“HTML和HTML5新增的元素有哪些”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。

當前標題:HTML和HTML5新增的元素有哪些
網(wǎng)站地址:http://bm7419.com/article22/ijhdcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號定制開發(fā)、云服務(wù)器定制網(wǎng)站、網(wǎng)站導(dǎo)航企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)