码迷,mamicode.com
首页 > Web开发 > 详细

html5基础知识

时间:2014-08-31 03:56:40      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:style   http   os   使用   io   ar   for   文件   art   

html5

<!DOCTYPE>标签
html5只有一种,即:
<!DOCTYPE HTML>

示例:
<!DOCTYPE html>
<html>
<head>
<title>html5_title</title>
</head>
<body>
html5内容
</body>
</html>
---------------------
<a>标签
download属性,下载指定的文件(lin.gif),且下载的文件名为 lin3615.gif
示例:
<a href="images/lin3615.gif" download="lin3615.gif">
<img src="lin.gif" />
</a>

media属性

type属性,规定目标文档的MIME类型
示例:
<a href="http://www.lin3615.net/" type="text/html">lin3615</a>
-----------------
<article>标签
规定独立的自包含的内容(只是一种标记而已)
示例:
<body>
<article>
<h1>hhhh</h1>
<p>pppp</p>
</article>
</body>
---------------------
<aside>标签
定义其所处内容之外的内容(一种标记而已)
示例:
<body>
<p>ppp</p>
<aside>
<h3>hhhhh</h3>
hhhhh 的详细解释
</aside>
</body>
-----------------
<audio>标签
定义声音内容
示例:
<body>
<audio src="myvoice.ogg" controls="controls">
当浏览器不支持时将显示的内容
</audio>
</body>
其中属性列表:
autoplay="autoplay"
则音频在就绪后马上播放

controls="controls"
则向用户显示控件,如播放按钮

loop="loop"
则每当音频结束时重新开始播放

muted="muted"
视频输出应该被静音

preload="preload"
音频在页面加载时进行加载,并预备播放,如果用 "autoplay",则 preload 被忽略

src="url"
要播放的音频的 url
---------------------
<button>标签,建议用 input代替
属性列表
autofocus="autofocus"
当页面加载时按钮应当自动获得焦点

form="form_name"
按钮属于一个或多个表单

formaction="url"
覆盖 form元素的 action属性,与 type="submit"配合使用

formenctype=""
覆盖form元素的 enctype属性,与 type="submit"配合使用

formmethod="get" / "post"
覆盖 form元素的 method属性,与 type="submit"配合使用

formnovalidate="formnovalidate"
覆盖form元素 novalidate属性,与 type="submit"配合使用

formtarget="_blank/_self/_parent/_top"
覆盖 form元素的 target属性,与 type="submit"配合使用
--------------------
<canvas>标签(大学问)
用来定义图形,只是一个图形容器,必须使用脚本来绘制图形
<body>
<canvas id="myCanvas">
浏览器不支持
</canvas>
<script>
var canvas=document.getElementById(‘myCanvas‘);
var ctx = canvas.getContent(‘2d‘);
ctx.fillStyle=‘#ff0000‘;
ctx.fillRect(10,10,80,100);
</script>
</body>
-------------------------
command命令按钮,只有ie9支持
------------------------
<details>
定义下拉列表,与 input 结合,datalists及其选项不会被显示出来,仅仅是合法的输入值列表,使用 input元素的 list属性来绑定 datalists
示例:
<body>
<input list="cars" />
<datalist id="cars">
    <option value="1111"></option>
    <option value="2222"></option>
    <option value="3333"></option>
</datalist>
</body>
---------------------
<dialog open="open">标签
用户交互的,只有 safari/chrome支持
-------------------
<embed>标签
定义外部交互内容或插件
属性表:
height: 设置嵌入内容高度
src:url 嵌入的内容 url
type:定义嵌入内容的 类型
width:设置嵌入内容宽度
示例:
<body>
<embed src="ok.swf" />
</body>
-------------------






html5基础知识

标签:style   http   os   使用   io   ar   for   文件   art   

原文地址:http://www.cnblogs.com/lin3615/p/3947208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!