HTML随笔3
1. *svg(可伸缩矢量图)标签画圆,其中r表示半径,cx和cy表示其圆心的坐标
1 <svg><circle r="100" cx="200" cy="100" fill="black"></circle></svg>
*form表单标签和input元素的使用
1 <form method="post" action="#"> 2 3 <label>电子邮箱:<input type="email" /><label/> 4 <label>个人网页:<input type="url" /><label/> 5 <label>幸运颜色:<input type="color" /><label/><br/><br/> 6 <center><input type="submit" value="提交" /><center> 7 8 <form/>
*figure标签,用于文档中插图(figcaption为其设置标题)
1 <figure> 2 <p>黄浦江上的的卢浦大桥</p> 3 <img src="shanghai_lupu_bridge.jpg" width="350" height="234" /> 4 </figure>
*meter标签,用于度量给定范围(gauge)内的数据(hight和low分别表示被规定为高和低的值)
1 <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事件属性
- 表单事件属性
- 键盘事件属性
- 鼠标事件属性
- 媒介事件属性
1 <img src="image.gif" onerror="alert('The image could not be loaded.')" /> <--在图片出现加载错误时运行-->