html5常用標(biāo)簽-簡述幾種html5的常用標(biāo)簽和新增屬性的含義

1、簡述幾種html常用標(biāo)簽和新屬性的含義

　　HTML5的聲明為：<！DOCTYPEhtml>HTML5獨(dú)有的標(biāo)簽。

　　它不再需要像以前的版本那樣在聲明中引用DTD。DTD(documenttypedefinition)用一系列合法元素來定義文檔的結(jié)構(gòu)，定義合法的XML文檔構(gòu)建模塊。在HTML中，DTD規(guī)定標(biāo)記語言的規(guī)則，使瀏覽器能夠正確地呈現(xiàn)內(nèi)容。和HTML5不基于SGML，所以不需要引用DTD。HTML五個(gè)常見塊級(jí)標(biāo)簽。

　　文檔結(jié)構(gòu)元素HTML5常用標(biāo)簽的使用和例子。

　　<article>:定義完整獨(dú)立的內(nèi)容塊，可以獨(dú)立于內(nèi)容的其他部分。

　　<header>:頁面頂部。html5常用文本標(biāo)簽。

　　<nav>:標(biāo)簽導(dǎo)航欄(邊導(dǎo)航、頁面導(dǎo)航、底部導(dǎo)航)。

　　<hgroup>:在定義多個(gè)標(biāo)題時(shí)。

　　<section>:容分塊。可設(shè)置cite屬性。html5特有的標(biāo)簽。

　　<aside>:側(cè)欄，定義與頁面內(nèi)容相關(guān)性較低的內(nèi)容——如果刪除，剩余內(nèi)容仍然合理。

　　<figure>:代表與文檔相關(guān)的圖例。

　　<figcaption>:代表圖例的描述(標(biāo)題)。

　　<footer>:頁面底部。

　　<dialog>:定義對話框。

　　嵌入元素HTML5網(wǎng)頁常用的圖片標(biāo)簽。

　　<video>代表視頻及其視頻文件和字幕，并提供播放視頻的用戶界面。屬性包括：autoplay(控制自動(dòng)播放)

　　loop(播放后是否重播)html五個(gè)單標(biāo)簽。

　　controls(顯示用戶界面)html5列表標(biāo)簽有哪些。

　　width

　　heightHTML5dl標(biāo)簽。

　　<audio>代表聲音或音頻流。當(dāng)標(biāo)簽不支持時(shí)，標(biāo)簽中的文本將顯示。屬性包括：autoplayhtml5開發(fā)用什么軟件。

　　loop(播放次數(shù)為-1時(shí)循環(huán)播放)HTML5段落標(biāo)簽。

　　controls

　　volume(音量)HTML5方向標(biāo)簽。

　　<source>為<video>或<audio>這類媒體元素指定媒體源。屬性有src ype(指定資源的MIME類型)。編程標(biāo)簽大全。

　　<track>為<video>或<audio>這類媒體元素指定文本軌道(字幕)。屬性包括:

　　kind(數(shù)據(jù)類型)srclang（track文本數(shù)據(jù)的語言)

　　label列出可用性texttracks用戶可以閱讀為瀏覽器使用的texttrack標(biāo)題。

　　注意:任何兩個(gè)track子元素的一個(gè)media元素都不能相同kind，srclang，和label屬性。

　　<canvas>代表位圖區(qū)域，圖形可以通過腳本實(shí)時(shí)呈現(xiàn)，如圖表、游戲繪圖等。

　　<embed>代表應(yīng)用程序或交互內(nèi)容等嵌入式外部資源。屬性包括：HTML文字顏色大全。

　　width

　　heighttypeMIME類型用于選擇插件實(shí)例化。html5分割線標(biāo)簽。

　　表單元素

　　<meter>代表滑動(dòng)條。顯示實(shí)時(shí)狀態(tài)。屬性包括：

　　value當(dāng)前值，如果給定值不在最小值和**值之間，則其值等于其最接近的值。html5文字加粗。

　　min默認(rèn)值域的最小邊界值為0

　　max默認(rèn)值域的**邊界值為1htmlfloat用法。

　　low當(dāng)數(shù)值處于低值范圍時(shí)，定義了低值范圍的上限值low-min或high-max會(huì)呈現(xiàn)出不同的風(fēng)格。HTML頁面變黑。

　　high定義了高值范圍的下限值。

　　optimum**值

　　<output>代表計(jì)算值。HTMLclear。

　　for其他影響計(jì)算結(jié)果的標(biāo)簽ID，可以多個(gè)。

　　form與當(dāng)前標(biāo)簽有關(guān)的form(從屬表單)。該屬性的值必須是當(dāng)前文檔中的表單元素ID。若該屬性未指明，output標(biāo)簽必須是form的后代標(biāo)簽。該屬性的用途是將output標(biāo)簽從form標(biāo)簽中分離出來，存在于網(wǎng)頁文檔的任何位置。h5標(biāo)簽大全。

　　name

　　<formoninput="result。value=parseInt(a。value) parseInt(b。value)">

　　<inputtype="range"name="b"value="50"/> bootstrap默認(rèn)表單。

　　<inputtype="number"name="a"value="10"/>=html文字居中代碼怎么寫。

　　<outputname="result"></output>

　　</form>3<progress>代表進(jìn)度條，代表任務(wù)過程，屬性有max(任務(wù)總量)value。

　　<datalist>用option標(biāo)簽為Input標(biāo)記定義下拉列表。<details>創(chuàng)建一個(gè)掛件，只有當(dāng)它被切換到擴(kuò)展?fàn)顟B(tài)時(shí)，它才會(huì)顯示其中包含的信息。ul li標(biāo)簽。

　　<summary>它是details元素的子元素，表示其綜述或標(biāo)題。常用的html標(biāo)簽及作用。

　　<mark>代表一段需要高亮引用的文字。

　　<ruby>表示需要ruby標(biāo)注的文本，如漢字及其拼音。

　　<rt>表示ruby注釋，如中文拼音。

　　<rp>將文本插入ruby注釋兩側(cè)，以便在不支持ruby注釋顯示的瀏覽器中提供友好的注釋顯示。html5常用標(biāo)簽。

　　<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>順便一提，html5刪除的元素：

　　純表現(xiàn)的：basefontigcenterfontsstrike tu

　　對可用性有負(fù)面影響的：frameframeset oframes

　　混淆：acronymappletisindexdir

　　同時(shí)HTML它還重新定義了某些元素，改變了它們的語言內(nèi)容，但表現(xiàn)保持不變。如b標(biāo)簽，i標(biāo)簽仍然是粗體和斜體，但它代表了一段需要注意的文本和一段不同性質(zhì)的文本，如技術(shù)語和外語短語。

　　HTML5屬性變化

　　新增類型

　　emailurl el umber

　　Datepickers:datemonthweek（iphone不兼容） imedatetime(UTC格式、安卓、安卓、i6 、PC端不兼容)datetime-local

　　對PC端：range(水平桿兩側(cè)為min和和max)search(有內(nèi)容的時(shí)候出現(xiàn)在右邊×）color(顏色選擇框)

　　表單屬性

　　autocomplete屬性：自動(dòng)完成功能，適用于標(biāo)簽及以下類型的input標(biāo)簽：textsearchurl elemailpassworddatepickers angecolor

　　<formautocomplete="on">//on為打開，Off為關(guān)閉

　　</form>autofocus屬性：域自動(dòng)獲取焦點(diǎn)，適用于所有類型的標(biāo)簽

　　<inputautofocus="autofocus"/>multiple屬性：多個(gè)值可在規(guī)定的輸入域中選擇，適用于emailfile類型的標(biāo)簽

　　<inputtype="file"multiple="multiple"/>placeholder屬性:提供描述輸入域預(yù)期值的提示，適用于textsearchurl elemailpassword類型的標(biāo)簽

　　<inputtype="text"placeholder="pleaseinputyourname！"/>required屬性：規(guī)定輸入域必須在提交前填寫，并且必須按照相應(yīng)域的格式，例如，email域必須要有@、郵件域。適用于textsearchurl elemailpassworddatepickersnumbercheckbox adiofile類型的標(biāo)簽

　　<inputtype="email"requried="required"/>鏈接屬性

　　sizes

　　<linkrel="icon"href="icon。gif"type="image/gif"sizes="16*16">

　　///網(wǎng)頁頭部標(biāo)題logo，不同的分辨率可以根據(jù)不同的分辨率引用sizes

　　//type圖標(biāo)的類型表明圖標(biāo)格式為gif3

　　target

　　<basehref="。。。"target="_blank">base標(biāo)簽寫在head標(biāo)簽上。target屬性控制整個(gè)頁面所有超鏈接的默認(rèn)打開方式(原來是_self），href指定頁面中所有相對鏈接的基準(zhǔn)URL；

　　超鏈接屬性

　　media=“handheld(表示優(yōu)化設(shè)備，handheld支持“手持”設(shè)備，tv支持“電視”設(shè)備)；

　　hreflang=“zh"(設(shè)置語言，zh表示為簡體中文)

　　rel=“external"(引用設(shè)置超鏈接，external表示為外部鏈接)

　　其他屬性

　　<script>的屬性

　　defer：腳本加載后不執(zhí)行(延遲執(zhí)行)，而是在整個(gè)頁面加載后執(zhí)行，只有ie兼容

　　async：異步加載腳本，加載腳本后立即執(zhí)行，而不是等到整個(gè)頁面加載。

　　如果async=“async與頁面的其他部分相比，腳本是異步執(zhí)行的(當(dāng)頁面繼續(xù)分析時(shí)，腳本將被執(zhí)行)

　　如果不使用async，defer=“defer當(dāng)頁面完成分析時(shí)，腳本將執(zhí)行

　　如果不使用async，也不使用asyncdefer：在瀏覽器繼續(xù)分析頁面之前，立即讀取并執(zhí)行腳本

　　<ol>的屬性

　　start：設(shè)置序號(hào)的起始值

　　reversed：倒敘排列reversed=“reversed”

　　<html>的屬性：manifest

　　<！DOCTYPEHTML>

　　<htmlmanifest="demo。appcache"></html>3可以通過在頁面中設(shè)置manifest屬性或在manifest文件中添加頁面來緩存此頁面，這樣我們就可以離線訪問并獲得更快的速度，因?yàn)榫彺尜Y源加載得更快。它還可以減少服務(wù)器負(fù)載。

　　即使服務(wù)器上的文件被修改，瀏覽器也會(huì)繼續(xù)顯示緩存版本。為了確保瀏覽器更新緩存，需要更新manifest文件。

　　style的屬性scoped：內(nèi)嵌CSS，它可以寫在任何位置，而不僅僅是head。然而，這將違反我們低耦合的原則。

　　<stylescoped><style>

　　中企動(dòng)力是一家專業(yè)的網(wǎng)絡(luò)推廣公司，我們擁有豐富的網(wǎng)絡(luò)推廣經(jīng)驗(yàn)和專業(yè)的團(tuán)隊(duì)，能夠?yàn)槠髽I(yè)提供全方位的網(wǎng)絡(luò)推廣服務(wù)。我們?yōu)槠髽I(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、平臺(tái)推廣等服務(wù)，幫中企動(dòng)力業(yè)在網(wǎng)絡(luò)上提升知名度、擴(kuò)大影響力、提升銷售額。如果您有網(wǎng)絡(luò)推廣的需求，歡迎聯(lián)系中企動(dòng)力加微信：CE4006608066，我們將竭誠為您服務(wù)。