html5source,html5source标签

html5新增标签都有哪些

html5新增标签大致如下：

canvas 新元素

canvas    标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API 

新多媒体元素

audio    定义音频内容  

video    定义视频（video 或者 movie）  

source    定义多媒体资源 video 和 audio  

embed    定义嵌入的内容，比如插件。  

track    为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。 

新表单元素

datalist    定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。  

keygen    规定用于表单的密钥对生成器字段。  

output    定义不同类型的输出，比如脚本的输出。 

新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构：

article    定义页面独立的内容区域。  

aside    定义页面的侧边栏内容。  

bdi    允许您设置一段文本，使其脱离其父元素的文本方向设置。  

command    定义命令按钮，比如单选按钮、复选框或按钮  

details    用于描述文档或文档某个部分的细节  

dialog    定义对话框，比如提示框  

summary    标签包含 details 元素的标题  

figure    规定独立的流内容（图像、图表、照片、代码等等）。  

figcaption    定义 figure 元素的标题  

footer    定义 section 或 document 的页脚。  

header    定义了文档的头部区域  

mark    定义带有记号的文本。  

meter    定义度量衡。仅用于已知最大和最小值的度量。  

nav    定义导航链接的部分。  

progress    定义任何类型的任务的进度。  

ruby    定义 ruby 注释（中文注音或字符）。  

rt    定义字符（中文注音或字符）的解释或发音。  

rp    在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。  

section    定义文档中的节（section、区段）。  

time    定义日期或时间。  

wbr    规定在文本中的何处适合添加换行符。  

初学者建议多访问下菜鸟教程：网页链接，都是比较全面的基础知识，可以看做编程词典，即使老司机也经常去查一些资料。

相关问答

Q1: Html5新增的标签有哪些

新增的结构标签：

1、header元素

表示页面中一个内容区块或真个页面的标题。

2、hgroup元素

表示对真个页面或页面中的一个内容区块的标题进行组合。

3、article元素 

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素

表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。

HTML5新规则：

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash），更优秀的错误处理，更多取代脚本的标记，HTML5 应该独立于设备开发进程应对公众透明 ;

HTML5 新特性：

新的特殊内容元素，比如 article、footer等，新的表单控件，比如 calendar、date、time、email、url、search；用于媒介回放的 video 和 audio 元素；用于绘画的 canvas 元素 

对本地离线存储的更好的支持。

Q2: HTML5中的source标签下导入了MP4又导入音频格式是为什么

source标签是为了兼容各个浏览器，写多个让浏览器可以选择他所支持的音视频。

Q3: html5新增了哪些标签？css3新增了哪些属性

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签

新增元素

说明

video    表示一段视频并提供播放的用户界面  

audio    表示音频  

canvas    表示位图区域  

source    为video和audio提供数据源  

track    为video和audio指定字母  

svg    定义矢量图  

code    代码段  

figure    和文档有关的图例  

figcaption    图例的说明  

main  

time    日期和时间值  

mark    高亮的引用文字  

datalist    提供给其他控件的预定义选项  

keygen    秘钥对生成器控件  

output    计算值  

progress    进度条  

menu    菜单  

embed    嵌入的外部资源  

menuitem    用户可点击的菜单项  

menu    菜单  

template  

section  

nav  

aside  

article  

footer  

header  

- css3

css3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size：规定背景图片的尺寸

background-origin：规定背景图片的定位区域

background-clip：规定背景的绘制区域

文本效果（常用）

text-shadow：设置文字阴影

word-wrap：强制换行

word-break

css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform：向元素应用2/3D转换

transition：过渡

动画

@keyframes规则：

animation、animation-name、animation-duration等

用户界面（常用）

box-sizing、resize

css3新增伪类

：nth-child()

：nth-last-child()

：only-child

：last-child

：nth-of-type()

：only-of-type()

：empty

：target  这个伪类允许我们选择基于URL的元素，如果这个元素有一个识别器（比如跟着一个#），那么:target会对使用这个ID识别器的元素增加样式。

：enabled  

：disabled

：checked

：not

Q4: html5添加了哪些新元素和新功能？

为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。

canvas 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素：

audio 定义音频内容

video 定义视频（video 或者 movie）

source 定义多媒体资源 video 和 audio

embed 定义嵌入的内容，比如插件。

track 为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。

新表单元素：

datalist 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

keygen 规定用于表单的密钥对生成器字段。

output 定义不同类型的输出，比如脚本的输出。

新的语义和结构元素：

article 定义页面独立的内容区域。

aside 定义页面的侧边栏内容。

bdi 允许您设置一段文本，使其脱离其父元素的文本方向设置。

command 定义命令按钮，比如单选按钮、复选框或按钮

details 用于描述文档或文档某个部分的细节

dialog 定义对话框，比如提示框

summary 标签包含 details 元素的标题

figure 规定独立的流内容（图像、图表、照片、代码等等）。

figcaption 定义 figure 元素的标题

footer 定义 section 或 document 的页脚。

header 定义了文档的头部区域

mark 定义带有记号的文本。

meter 定义度量衡。仅用于已知最大和最小值的度量。

nav 定义运行中的进度（进程）。

progress 定义任何类型的任务的进度。

ruby 定义 ruby 注释（中文注音或字符）。

rt 定义字符（中文注音或字符）的解释或发音。

rp 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。

section 定义文档中的节（section、区段）。

time 定义日期或时间。

wbr 规定在文本中的何处适合添加换行符。

Q5: html5如何实现自动播放视频

我们使用html5的video标签，可以不依赖于任何第三方的插件或控件，直接在浏览器中实现视频播放功能。

在了解了video标签之后，下面我们就使用html5的video标签来实现视频播放。

现在，我们打开浏览器，看一看具体的效果：

为了更好地兼容各种浏览器，你可以为一个video标签添加多个source子标签，每个source标签引用一个不同格式的视频文件。这样，html5浏览器会自动在这些source标签中从上到下依次寻找并识别出该浏览器可以播放的第一个视频文件并进行播放，从而实现兼容多个浏览器的视频播放功能。

注：html5的video标签目前只支持播放.mp4、.ogg、.webm等几种格式的视频文件，暂不支持其他格式的视频文件。此外，不同的html5浏览器支持的视频文件格式也略有不同，这种状况可能会在未来的html5中得以改善。