您的位置:首页 > Web前端 > HTML5

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]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: