HTML5新增的元素、廢除的元素

1、添加背景音樂(lè)添加背景音樂(lè) 本講大綱：1 1、新增的結(jié)構(gòu)元素新增的結(jié)構(gòu)元素 2 2、新增的塊級(jí)（新增的塊級(jí)（blockblock）的語(yǔ)義元素）的語(yǔ)義元素 3 3、新增的行內(nèi)（新增的行內(nèi)（inlineinline）的語(yǔ)義元素）的語(yǔ)義元素 4 4、新增的嵌入多媒體元素與交互性元素新增的嵌入多媒體元素與交互性元素 5 5、新增的新增的inputinput元素的類(lèi)型元素的類(lèi)型 5 5、廢除的元素廢除的元素 新增的結(jié)構(gòu)元素新增的結(jié)構(gòu)元素 lsection元素 section元素定義文檔或應(yīng)用程序中的一個(gè)區(qū)段,比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分。它可以與h1,h2,h3,h4,h5,h6元素結(jié)合起來(lái)使用

2、，標(biāo)示文檔結(jié)構(gòu)。HTML5中代碼示例：HTML4中代碼示例：larticle元素 article元素表示文檔中的一塊獨(dú)立的內(nèi)容，譬如博客中的一篇文章或報(bào)紙中的一篇文章。HTML5中代碼示例：HTML4中代碼示例：新增的結(jié)構(gòu)元素新增的結(jié)構(gòu)元素lheader元素 header元素表示頁(yè)面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁(yè)面的標(biāo)題。HTML5中代碼示例：HTML4中代碼示例：lnav元素 nav元素表示導(dǎo)航鏈接的部分。HTML5中代碼示例： HTML4中代碼示例：新增的結(jié)構(gòu)元素新增的結(jié)構(gòu)元素lfooter元素 footer元素表示整個(gè)頁(yè)面或頁(yè)面中一個(gè)內(nèi)容區(qū)塊的腳注。一般來(lái)說(shuō)，它會(huì)包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期

3、以及創(chuàng)建者聯(lián)系信息。HTML5中代碼示例：HTML4中代碼示例：新增的塊級(jí)（新增的塊級(jí)（block）的語(yǔ)義元素）的語(yǔ)義元素 aside元素 aside元素表示article元素的內(nèi)容之外的與article元素的內(nèi)容相關(guān)的有關(guān)內(nèi)容。 HTML5中代碼示例：HTML4中代碼示例：新增的塊級(jí)（新增的塊級(jí)（block）的語(yǔ)義元素）的語(yǔ)義元素figure元素 figure元素表示一段獨(dú)立的流內(nèi)容，一般表示文檔主體流內(nèi)容中的一個(gè)獨(dú)立單元。使用 元素為figure元素組添加標(biāo)題。HTML5中代碼示例：PRCThe Peoples Republic of China was born in 1949.HTML

4、4中代碼示例：PRCThe Peoples Republic of China was born in 1949.新增的塊級(jí)（新增的塊級(jí)（block）的語(yǔ)義元素）的語(yǔ)義元素dialog元素 dialog標(biāo)簽定義對(duì)話(huà)，比如交談。注意：對(duì)話(huà)中的每個(gè)句子都必須屬于 標(biāo)簽所定義的部分。HTML5中代碼示例：老師2+2 等于？學(xué)生4老師答對(duì)了！新增的行內(nèi)（新增的行內(nèi)（inline）的語(yǔ)義元素）的語(yǔ)義元素 新增的行內(nèi)（新增的行內(nèi)（inline）的語(yǔ)義元素）的語(yǔ)義元素新增的行內(nèi)（新增的行內(nèi)（inline）的語(yǔ)義元素）的語(yǔ)義元素新增的行內(nèi)（新增的行內(nèi)（inline）的語(yǔ)義元素）的語(yǔ)義元素新增的嵌入多媒體元素與

5、交互性元素新增的嵌入多媒體元素與交互性元素 新增的嵌入多媒體元素與交互性元素新增的嵌入多媒體元素與交互性元素 datagrid元素表示可選數(shù)據(jù)的列表，與元素表示可選數(shù)據(jù)的列表，與input元素配合使用元素配合使用，可以制作出輸入值的下拉列表，可以制作出輸入值的下拉列表。新增的嵌入多媒體元素與交互性元素新增的嵌入多媒體元素與交互性元素 menu元素表示菜單列表。當(dāng)希望列出表單控件元素表示菜單列表。當(dāng)希望列出表單控件時(shí)時(shí)使用該標(biāo)簽。使用該標(biāo)簽。Redblue注意：注意：HTML4中中 menu元素不被推薦使用。元素不被推薦使用。新增的嵌入多媒體元素與交互性元素新增的嵌入多媒體元素與交互性元素 co

6、mmand元素表示命令按鈕，比如單選按鈕、復(fù)選框或按元素表示命令按鈕，比如單選按鈕、復(fù)選框或按鈕。鈕。新增的新增的input元素的類(lèi)型元素的類(lèi)型 HTML5中，新增了很多中，新增了很多input元素的類(lèi)型，現(xiàn)列舉如下：元素的類(lèi)型，現(xiàn)列舉如下：email email類(lèi)型用于應(yīng)該包含類(lèi)型用于應(yīng)該包含 e-mail 地址的輸入域。地址的輸入域。url url 類(lèi)型用于應(yīng)該包含類(lèi)型用于應(yīng)該包含 URL 地址的輸入域。地址的輸入域。number number 類(lèi)型用于應(yīng)該包含數(shù)值的輸入域。類(lèi)型用于應(yīng)該包含數(shù)值的輸入域。range range 類(lèi)型用于應(yīng)該包含一定范圍內(nèi)數(shù)字值的輸入域。類(lèi)型用于應(yīng)該包含一定

7、范圍內(nèi)數(shù)字值的輸入域。Date Pickers（數(shù)據(jù)檢出器）（數(shù)據(jù)檢出器）search search 類(lèi)型用于搜索域，比如站點(diǎn)搜索或類(lèi)型用于搜索域，比如站點(diǎn)搜索或 Google 搜搜索。索。search 域顯示為常規(guī)的文本域。域顯示為常規(guī)的文本域。新增的新增的input元素的類(lèi)型元素的類(lèi)型HTML5 擁有多個(gè)可供選取日期和時(shí)間的新輸入類(lèi)型擁有多個(gè)可供選取日期和時(shí)間的新輸入類(lèi)型date - 選取日、月、年選取日、月、年month - 選取月、年選取月、年week - 選取周和年選取周和年time - 選取時(shí)間（小時(shí)和分鐘）選取時(shí)間（小時(shí)和分鐘）datetime - 選取時(shí)間、日、月、年（選取時(shí)間

8、、日、月、年（UTC 時(shí)間）時(shí)間）datetime-local - 選取時(shí)間、日、月、年（本地時(shí)選取時(shí)間、日、月、年（本地時(shí)間）間）廢除的元素廢除的元素 由于各種原因，在由于各種原因，在HTML5中廢除了很多元素，下面簡(jiǎn)單介紹一下被中廢除了很多元素，下面簡(jiǎn)單介紹一下被廢除的元素。廢除的元素。1.能使用能使用css代替的元素代替的元素 對(duì)于對(duì)于basefont、big、center、font、s、strike、tt、u這些這些元素，由于他們的功能都是純粹為畫(huà)面展示服務(wù)的，而在元素，由于他們的功能都是純粹為畫(huà)面展示服務(wù)的，而在HTML5中提中提倡把畫(huà)面展示性功能放在倡把畫(huà)面展示性功能放在css樣式

9、表中統(tǒng)一編輯，所以將這些元素廢除樣式表中統(tǒng)一編輯，所以將這些元素廢除，并使用編輯，并使用編輯css樣式表的方式進(jìn)行替代。樣式表的方式進(jìn)行替代。2.不在使用不在使用frame框架框架 對(duì)于對(duì)于frameset元素、元素、frame元素與元素與nofranes元素，由于元素，由于frame框架對(duì)頁(yè)面可以性存在負(fù)面影響，在框架對(duì)頁(yè)面可以性存在負(fù)面影響，在html5中已不再支持中已不再支持frame框架框架，只支持，只支持iframe框架，或者用服務(wù)器方創(chuàng)建的由多個(gè)頁(yè)面組成的復(fù)合框架，或者用服務(wù)器方創(chuàng)建的由多個(gè)頁(yè)面組成的復(fù)合頁(yè)面的形式，同時(shí)將以上三個(gè)元素廢除頁(yè)面的形式，同時(shí)將以上三個(gè)元素廢除。3.只有部分瀏覽器支持的元素只有部分瀏覽器支持的元素 對(duì)于對(duì)于applet、bgsound、blink、marguee等元素，由于只有等元素，由于只有部分瀏覽器支持這些元素，