新增標(biāo)簽屬性上2 html5_第1頁
新增標(biāo)簽屬性上2 html5_第2頁
新增標(biāo)簽屬性上2 html5_第3頁
新增標(biāo)簽屬性上2 html5_第4頁
新增標(biāo)簽屬性上2 html5_第5頁
已閱讀5頁，還剩10頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

后盾網(wǎng)HTML5課件

后盾網(wǎng)人人做后盾

主講：岳英俊html5語法規(guī)則標(biāo)簽要小寫屬性值不加""或''可以省略某些標(biāo)簽htmlbodyheadtbody可以省略某些結(jié)束標(biāo)簽trtdli單標(biāo)簽不用加結(jié)束標(biāo)簽imginput廢除的標(biāo)簽fontcenterbig新添加的標(biāo)簽html5新增標(biāo)簽、語義特性-文檔聲明文檔聲明定義和用法<!DOCTYPE>聲明必須位于HTML5文檔中的第一行，也就是位于<html>標(biāo)簽之前。該標(biāo)簽告知瀏覽器文檔所使用的HTML規(guī)范。doctype聲明不屬于HTML標(biāo)簽;它是一條指令，告訴瀏覽器編寫頁面所用的標(biāo)記的版本。在所有HTML文檔中規(guī)定doctype是非常重要的，這樣瀏覽器就能了解預(yù)期的文檔類型。HTML4.01中的doctype需要對DTD進行引用，因為HTML4.01基于SGML。而HTML5不基于SGML，因此不需要對DTD進行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運行。）。html5新增標(biāo)簽、語義特性-結(jié)構(gòu)性標(biāo)簽結(jié)構(gòu)性標(biāo)簽結(jié)構(gòu)性標(biāo)簽（constructtag）主要負責(zé)Web的上下文結(jié)構(gòu)的定義，確保HTML文檔的完整性，這類標(biāo)簽包括以下幾個。section。用于表達書的一部分或一章，或者一章內(nèi)的一節(jié)。在Web頁面應(yīng)用中，該標(biāo)簽也可以用于區(qū)域的章節(jié)表述。hgroup 對網(wǎng)頁或區(qū)段（section）的標(biāo)題進行組合：。header。頁面主體上的頭部，注意區(qū)別于head標(biāo)簽。這里可以給初學(xué)者提供一個判斷的小技巧：head標(biāo)簽中的內(nèi)容往往是不可見的，而header標(biāo)簽往往在一對body標(biāo)簽之中。footer。頁面的底部（頁腳）。通常，人們會在這里標(biāo)出網(wǎng)站的一些相關(guān)信息，例如關(guān)于我們、法律申明、郵件信息、管理入口等。nav。是專門用于菜單導(dǎo)航、鏈接導(dǎo)航的標(biāo)簽，是navigator的縮寫。article。用于表示一篇文章的主體內(nèi)容，一般為文字集中顯示的區(qū)域html5新增標(biāo)簽、語義特性-級塊性標(biāo)簽塊級性標(biāo)簽級塊性標(biāo)簽（blocktag）主要完成Web頁面區(qū)域的劃分，確保內(nèi)容的有效分隔，這類標(biāo)簽包括以下幾個。aside。用以表達注記、貼士、側(cè)欄、摘要、插入的引用等作為補充主體的內(nèi)容。從一個簡單頁面顯示上看，就是側(cè)邊欄，可以在左邊，也可以在右邊。從一個頁面的局部看，就是摘要。figure標(biāo)簽規(guī)定獨立的流內(nèi)容，通常與figcaption聯(lián)合使用。code。表示一段代碼塊。dialog對話標(biāo)簽配合dtdd標(biāo)簽使用html5新增標(biāo)簽、語義特性-行內(nèi)標(biāo)簽行內(nèi)標(biāo)簽。行內(nèi)語義性標(biāo)簽（in-linetag）主要完成Web頁面具體內(nèi)容的引用和表述，是豐富內(nèi)容展示的基礎(chǔ)，這類標(biāo)簽包括以下幾個。meter。表示特定范圍內(nèi)的數(shù)值，可用于工資、數(shù)量、百分比等max表示最大值，min表示最小值，value代表當(dāng)前值。time。表示時間值，屬性datetime強調(diào)時間progress。用來表示進度條html5新增標(biāo)簽、語義特性-多媒體標(biāo)簽多媒體標(biāo)簽video。視頻標(biāo)簽，用于支持和實現(xiàn)視頻（含視頻流）文件的直接播放，支持緩沖預(yù)載和多種視頻媒體格式，例如MPEG-4、OggV和WebM等。audio。音頻標(biāo)簽，用于支持和實現(xiàn)音頻（音頻流）文件的直接播放，支持緩沖預(yù)載和多種音頻媒體格式。html5新增標(biāo)簽、語義特性-列表標(biāo)簽列表標(biāo)簽<datalist>標(biāo)簽定義選項列表。請與input元素配合使用該元素，來定義input可能的值。datalist及其選項不會被顯示出來，它僅僅是合法的輸入值列表。

所有主流瀏覽器都支持<datalist>標(biāo)簽，除了InternetExplorer和Safari。html5新增標(biāo)簽、語義特性-交互性標(biāo)簽交互性標(biāo)簽交互性標(biāo)簽（interactivetag）主要用于功能性的內(nèi)容表達，會有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)，是各種事件的基礎(chǔ)，這類標(biāo)簽包括以下幾個。menu。主要用于交互菜單（這是一個曾被廢棄現(xiàn)在又被重新啟用的標(biāo)簽）。command。用來處理命令按鈕。HTML5Web應(yīng)用程序從表中可以看出，除了客戶端數(shù)據(jù)庫IndexDB和觸控（Touch）事件外，其它特性Chrome和Safari都全部支持，微軟還得加油啊。（更新：經(jīng)驗證Chrome10和Firefox4已支持IndexDB，F(xiàn)irefox4也已支持WebSocket，不過由于安全原因默認(rèn)是不開啟的，我們可以通過about:config重新啟用WebSocket，只需啟用network.websocket.override-security-block選項即可。）HTML5圖形和內(nèi)嵌內(nèi)容這應(yīng)該是HTML5最令人期待的東西了，內(nèi)置畫布，視頻，音頻，SVG，WebGL等對象。全部支持的有Chrome，F(xiàn)irefox，還有IE9，很驚訝吧。HTML5音頻編碼Chrome又是全部支持，Safari除OggVorbis外全部支持，IE9開始支持MP3和AAC。HTML5視頻編碼還是Chrome最厲害，包容天下，不知道H.264能否成為統(tǒng)一的視頻編碼標(biāo)準(zhǔn)，期待。HTML5表單對象這些瀏覽器中最淡定的要數(shù)Opera了

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論