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

1、添加背景音乐添加背景音乐 本讲大纲：1 1、新增的结构元素新增的结构元素 2 2、新增的块级（新增的块级（blockblock）的语义元素）的语义元素 3 3、新增的行内（新增的行内（inlineinline）的语义元素）的语义元素 4 4、新增的嵌入多媒体元素与交互性元素新增的嵌入多媒体元素与交互性元素 5 5、新增的新增的inputinput元素的类型元素的类型 5 5、废除的元素废除的元素 新增的结构元素新增的结构元素 lsection元素 section元素定义文档或应用程序中的一个区段,比如章节、页眉、页脚或文档中的其他部分。它可以与h1,h2,h3,h4,h5,h6元素结合起来使用

2、，标示文档结构。HTML5中代码示例：HTML4中代码示例：larticle元素 article元素表示文档中的一块独立的内容，譬如博客中的一篇文章或报纸中的一篇文章。HTML5中代码示例：HTML4中代码示例：新增的结构元素新增的结构元素lheader元素 header元素表示页面中一个内容区块或整个页面的标题。HTML5中代码示例：HTML4中代码示例：lnav元素 nav元素表示导航链接的部分。HTML5中代码示例： HTML4中代码示例：新增的结构元素新增的结构元素lfooter元素 footer元素表示整个页面或页面中一个内容区块的脚注。一般来说，它会包含创作者的姓名、文档的创作日期

3、以及创建者联系信息。HTML5中代码示例：HTML4中代码示例：新增的块级（新增的块级（block）的语义元素）的语义元素 aside元素 aside元素表示article元素的内容之外的与article元素的内容相关的有关内容。 HTML5中代码示例：HTML4中代码示例：新增的块级（新增的块级（block）的语义元素）的语义元素figure元素 figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用 元素为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老师答对了！新增的行内（新增的行内（inline）的语义元素）的语义元素 新增的行内（新增的行内（inline）的语义元素）的语义元素新增的行内（新增的行内（inline）的语义元素）的语义元素新增的行内（新增的行内（inline）的语义元素）的语义元素新增的嵌入多媒体元素与

5、交互性元素新增的嵌入多媒体元素与交互性元素 新增的嵌入多媒体元素与交互性元素新增的嵌入多媒体元素与交互性元素 datagrid元素表示可选数据的列表，与元素表示可选数据的列表，与input元素配合使用元素配合使用，可以制作出输入值的下拉列表，可以制作出输入值的下拉列表。新增的嵌入多媒体元素与交互性元素新增的嵌入多媒体元素与交互性元素 menu元素表示菜单列表。当希望列出表单控件元素表示菜单列表。当希望列出表单控件时时使用该标签。使用该标签。Redblue注意：注意：HTML4中中 menu元素不被推荐使用。元素不被推荐使用。新增的嵌入多媒体元素与交互性元素新增的嵌入多媒体元素与交互性元素 co

6、mmand元素表示命令按钮，比如单选按钮、复选框或按元素表示命令按钮，比如单选按钮、复选框或按钮。钮。新增的新增的input元素的类型元素的类型 HTML5中，新增了很多中，新增了很多input元素的类型，现列举如下：元素的类型，现列举如下：email email类型用于应该包含类型用于应该包含 e-mail 地址的输入域。地址的输入域。url url 类型用于应该包含类型用于应该包含 URL 地址的输入域。地址的输入域。number number 类型用于应该包含数值的输入域。类型用于应该包含数值的输入域。range range 类型用于应该包含一定范围内数字值的输入域。类型用于应该包含一定

7、范围内数字值的输入域。Date Pickers（数据检出器）（数据检出器）search search 类型用于搜索域，比如站点搜索或类型用于搜索域，比如站点搜索或 Google 搜搜索。索。search 域显示为常规的文本域。域显示为常规的文本域。新增的新增的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、表中统一编辑，所以将这些元素废除样式表中统一编辑，所以将这些元素废除，并使用编辑，并使用编辑css样式表的方式进行替代。样式表的方式进行替代。2.不在使用不在使用frame框架框架 对于对于frameset元素、元素、frame元素与元素与nofranes元素，由于元素，由于frame框架对页面可以性存在负面影响，在框架对页面可以性存在负面影响，在html5中已不再支持中已不再支持frame框架框架，只支持，只支持iframe框架，或者用服务器方创建的由多个页面组成的复合框架，或者用服务器方创建的由多个页面组成的复合页面的形式，同时将以上三个元素废除页面的形式，同时将以上三个元素废除。3.只有部分浏览器支持的元素只有部分浏览器支持的元素 对于对于applet、bgsound、blink、marguee等元素，由于只有等元素，由于只有部分浏览器支持这些元素，