浅谈html5增强的页面元素
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浅谈html5增强的页面元素</title>
</head>
<body>
<!–figure与figcaption:带有可选标题的元素组合–>
<figure>
<img src="img/QQ截图20160103144626.png" alt="图片"/>
<img src="img/webp.jpg" alt="图片" width="211" height="191"/>
<figcaption>我的图片组合</figcaption>
</figure><br />
<!–detail与summary元素：用于标示该元素内部的子元素可以展开收缩显示–>
<details id="details" ontoggle="detailfn(this)" style=" cursor: pointer;" >
<summary>精武风云</summary>
<p id="p" style="visibility: hidden;">陈真（甄子丹 饰）当年为报杀师之仇，独闯虹口道场。。。</p>
</details><br />
<!–mark:突出显示或高亮显示–>
<mark>html5</mark>的高亮显示<br />
<!–progress:进度条–>
<section>
<h2>progress元素的使用实例</h2>
<p>完成的百分比<progress id="p" max="100"><span>0</span>%</progress> </p>
