HTML5技术

HTML5 学习总结(一)——HTML5概要与新增标签 - 张果(4)

字号+ 作者:H5之家 来源:H5之家 2016-11-29 17:01 我要评论( )

3.2.6、ruby元素 定义 ruby 注释(中文注音或字符)。 与 ruby 以及 rt 标签一同使用。ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持

3.2.6、ruby元素
定义 ruby 注释(中文注音或字符)。
与 <ruby> 以及 <rt> 标签一同使用。ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。
<ruby>
汉 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

3.2.7、rt元素
定义字符(中文注音或字符)的解释或发音。

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

3.2.9、wbr元素
表示软换行。与br元素的区别:br元素表示此处必须换行;wbr表示浏览器窗口或父级元素足弓宽时(没必要换行时),不换行,而宽度不够时主动在此处换行。

3.2.10、canvas元素
定义图形,比如图表和其他图像。<canvas> 元素只是图形容器(画布),必须使用脚本来绘制图形。
<canvas></canvas><script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

3.2.11、command元素
表示命令按钮,比如单选按钮、复选框或按钮。
只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。。
<menu>
<command>
Click Me!</command>
</menu>

3.2.12、details标签 
用于描述文档或文档某个部分的细节 。
可与 summary 标签配合使用,summary可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。summary应该是details的第一个子元素。

3.2.14、datalist标签
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。使用 input 元素的 list 属性来绑定 datalist。

3.2.15、output标签
定义不同类型的输出,比如脚本的输出。
<form action="form_action.asp" method="get">
<output></output>
</form>

3.2.16、menu标签
定义菜单列表。当希望列出表单控件时使用该标签。注意与nav的区别,menu专门用于表单控件。

3.3、多媒体标签

如果需要在页面中播放音频与视频我们经常会用使用的方法有:

a)、embed

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5学习与巩固——canvas绘图象棋盘 - SeeYouBug

    HTML5学习与巩固——canvas绘图象棋盘 - SeeYouBug

    2016-11-29 18:00

  • CSS3学习笔记1-选择器和新增属性 - xinyiyake

    CSS3学习笔记1-选择器和新增属性 - xinyiyake

    2016-11-21 17:00

  • HTML5中引入的关键特性 - 就只是小茗

    HTML5中引入的关键特性 - 就只是小茗

    2016-11-21 16:00

  • HTML5【语法要点】 - Kris゜

    HTML5【语法要点】 - Kris゜

    2016-11-21 12:00

网友点评
v