关于dialog显示

来源：3-5 结构标签简单使用

hong03223376190

2017-12-06 16:31:42

Chrome显示不出预期效果

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<header>
<div>logo</div>
<nav>
<a href="#">首页</a>
<a href="#">介绍</a>
<a href="#">案例</a>
<a href="#">链接</a>
<a href="#">关于</a>
</nav>
</header>
<section>
<hgroup>
<h1>标题</h1>
<h3>作者</h3>
<h4>简介</h4>
</hgroup>
<aside>
<a href="#sec1">1</a>
<a href="#sec2">2</a>
<a href="#sec3">3</a>
</aside>
<article>
<p>第一节</p>
<p>第二节</p>
<p>第三节</p>
</article>
</section>
<section>
<figure>
<figcaption>视频标题</figcaption>
<video src="">..</video>
</figure>
</section>
<section>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
<dialog open>
<dt>张三：</dt>
<dd>可以</dd>
<dt>李四：</dt>
<dd>不错</dd>
</dialog>
</section>
<footer>
copyright.........
</footer>
</body>
</html>

写回答

1回答