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.')" />      <--在图片出现加载错误时运行-->

 

posted @ 2018-03-17 17:32  _TBHacker  阅读(137)  评论(0编辑  收藏  举报