HTML5新增标签
2016-01-11 17:25
633 查看
[sourcecode language="plain"]<h3>mark</h3>
<p>Do not forget to buy
<mark>milk</mark>
today.</p>
<h3>progress</h3>
<progress
max="100"
value="85">
<span>85</span>%
</progress>
<h3>time</h3>
发布日期:<time
datetime="2015-7-29T15:50">15:50</time>
更新日期:<time
datetime="2015-7-29:16:00"
pubdate>16:00</time>
<h3>ruby</h3>
<ruby>
漢
<rt>这里是注释</rt>
<rp>汉(这里是不支持时显示)</rp>
</ruby>
<h3>wbr</h3>
<p>如果想学习 AJAX, 那么必须熟悉
XML<wbr></wbr>HttpRequest
对象。</p>
<h3>canvas</h3>
<canvas
id="myCanvas"></canvas>
<script
type="text/javascript">
var canvas =
document.getElementByIdx_x("myCanvas");
canvas.style.width =
"200px";
canvas.style.height =
"200px";
var ctx =
canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 80, 100);
</script>
<h3>conmmand</h3>
<menu>
<conmmand onclick="alert('Hello
World!')"></conmmand>
Click Me!
</menu>
<h3>details</h3>
<details open>
<summary>MacBook Pro
Specification</summary>
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
</details>
<h3>datalist</h3>
<form>
<input id="myCar"
list="car">
<datalist
id="car">
<option
value="BMW"></option>
<option
value="Ford"></option>
<option
value="Volvo"></option>
</datalist>
</form>
<h3>keygen</h3>
<form
action="demo_keygen"
method="get">
Username:
<label>
<input type="text"
/>
</label>
<keygen
name="security">
<input
type="submit">
</form>
<h3>output</h3>
<form oninput="x.value =
parseInt(a.value) +
parseInt(b.value)">
0
<input
type="range"
id="a"
value="50">
100+
<input
type="number"
id="b"
value="50">
=
<output name="x"
for="a
b"></output>
</form>
<h3>menu</h3>
<menu
type="toobar">
<li
type="checkbox">Red</li>
<li
type="checkbox">Blue</li>
</menu>
[/sourcecode]
<p>Do not forget to buy
<mark>milk</mark>
today.</p>
<h3>progress</h3>
<progress
max="100"
value="85">
<span>85</span>%
</progress>
<h3>time</h3>
发布日期:<time
datetime="2015-7-29T15:50">15:50</time>
更新日期:<time
datetime="2015-7-29:16:00"
pubdate>16:00</time>
<h3>ruby</h3>
<ruby>
漢
<rt>这里是注释</rt>
<rp>汉(这里是不支持时显示)</rp>
</ruby>
<h3>wbr</h3>
<p>如果想学习 AJAX, 那么必须熟悉
XML<wbr></wbr>HttpRequest
对象。</p>
<h3>canvas</h3>
<canvas
id="myCanvas"></canvas>
<script
type="text/javascript">
var canvas =
document.getElementByIdx_x("myCanvas");
canvas.style.width =
"200px";
canvas.style.height =
"200px";
var ctx =
canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 80, 100);
</script>
<h3>conmmand</h3>
<menu>
<conmmand onclick="alert('Hello
World!')"></conmmand>
Click Me!
</menu>
<h3>details</h3>
<details open>
<summary>MacBook Pro
Specification</summary>
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
</details>
<h3>datalist</h3>
<form>
<input id="myCar"
list="car">
<datalist
id="car">
<option
value="BMW"></option>
<option
value="Ford"></option>
<option
value="Volvo"></option>
</datalist>
</form>
<h3>keygen</h3>
<form
action="demo_keygen"
method="get">
Username:
<label>
<input type="text"
/>
</label>
<keygen
name="security">
<input
type="submit">
</form>
<h3>output</h3>
<form oninput="x.value =
parseInt(a.value) +
parseInt(b.value)">
0
<input
type="range"
id="a"
value="50">
100+
<input
type="number"
id="b"
value="50">
=
<output name="x"
for="a
b"></output>
</form>
<h3>menu</h3>
<menu
type="toobar">
<li
type="checkbox">Red</li>
<li
type="checkbox">Blue</li>
</menu>
[/sourcecode]
相关文章推荐
- HTML5的学习(二)HTML5标签
- HTML5新增属性
- HTML5 History API 实现无刷新跳转
- Web大前端时代之:HTML5+CSS3入门系列
- html5常用属性总结
- HTML5 FormData对象 的上传文件的使用
- HTML5基本页面样式
- Html5添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件教程
- HTML5小游戏开发不可不知的五大必备工具
- 关于RGraph(html5 canvas )绘图
- HTML5----响应式(自适应)网页设计
- Html5添加实用的仿Instagram头部固定跟随滚动特效插件教程
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南
- CDH5.5.1安装指南