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

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

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

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

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

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

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

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

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

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