HTML随笔3

1.　*svg（可伸缩矢量图）标签画圆，其中r表示半径，cx和cy表示其圆心的坐标

 <svg><circle r="100" cx="200" cy="100" fill="black"></circle></svg>

　　*form表单标签和input元素的使用

 <form method="post" action="#">

     <label>电子邮箱：<input type="email" /><label/>
     <label>个人网页：<input type="url" /><label/>
     <label>幸运颜色：<input type="color" /><label/><br/><br/>
     <center><input type="submit" value="提交" /><center>

 <form/>

　　*figure标签，用于文档中插图（figcaption为其设置标题）

 <figure>
   <p>黄浦江上的的卢浦大桥</p>
   <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
 </figure>

　　*meter标签，用于度量给定范围（gauge）内的数据（hight和low分别表示被规定为高和低的值）

 <meter value="3" min="0" max="10">十分之三</meter>

2.

HTML5新增的元素标签

　article : 定义独立于文档的内容

　aside ：定义页面内容之外的内容

　audio ：定义音频（和video标签类似，controls属性的定义可以控制播放按钮的显示，出现autoplay属性，则视频在就绪后马上播放，标签里的内容是音频或者视频不能显示后才显示）

　bdi：定义文本的方向，使其脱离其周围文本的方向设置

　canvas：绘制图片

　command：定义命令按钮

　datalist：定义下拉列表

　details：定义元素的细节

　embed：定义外部交互内容或插件

　figure：定义媒介内容的分组，以及它们的标题

　figcaption：定义figure元素的标题

　footer：定义section或者page的页脚

　header：定义section或者page的页眉

　hgroup：定义有关文档中块的信息

　mark：定义有记号的文本

　meter：定义预定义范围内的度量

　nav：定义导航链接

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

　rp：定义如果浏览器不 支持ruby元素显示的内容

　rt：定义ruby注释的解释

　ruby：定义ruby的样式

　section：定义文档中的节（section，区段）。例如章节，页眉，页脚或文档中的其他部分

　source：定义媒介源

　summary：定义details元素的标题

　time：定义日期和时间

　track：定义用在媒体播放器中的文本轨道

　video：定义视频

HTML5新增的标准属性：

　contenteditable：指定是否允许用户编辑内容

　contextmenu：指定元素的上下文菜单

　data-yourvalue：创建者定义的属性，HTML文档的创作者可以定义他们自己的属性。定义属性时必须以data-开头

　draggable：指定是否允许用户拖动元素

　hidden：指定元素是无关的，被隐藏的元素不会显示

　item：用于组合元素

　spellcheck：指定是否必须对元素进行拼写或者语法检查

　subject：指定元素对应的项目

 

3. 事件属性（http://www.w3school.com.cn/tags/html_ref_eventattributes.asp）

• Window事件属性
• 表单事件属性
• 键盘事件属性
• 鼠标事件属性
• 媒介事件属性

 <img src="data:image.gif" onerror="alert('The image could not be loaded.')" />    　　<--在图片出现加载错误时运行-->