HTML5 代码结构示例代码,Css代码库,德仔网

代码语言

代码分类

【Css】 HTML5 代码结构示例

作者:dezai / 发布于2014/3/6/ 662

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5 代码结构示例</title>
</head>

<body>

<header>
 <h1>HTML5 代码结构示例</h1>
</header>

<nav>
 <menu>
  <li>菜单1</li>
  <li>菜单2</li>
  <li>菜单3</li>
  <li>菜单4</li>
  <li>菜单5</li>
 </menu>
</nav>

<section>
 <article>
  <h2>文章标题</h2>
  
   发表时间：<time datetimt="2010-11-25 11:11:11">2010年11月25日 11:11:11</time>
   文章评分：<meter value="88" min="0" max="100" low="65" high="96" optimum="100">80</meter>
  
  文章文字，<m>不重要的文字</m>
  <h3>文章图片：</h3>
  <figure>
   <legend>这是图片说明</legend>
   <img alt="替换文本" src="dafi.png" />
  </figure>
  <h3>文章视频：</h3>
  <video src="dafi.ogg" controls="controls">
   请升级你的浏览器。
  </video>
  <command type="command">点这里了解更多</command>
 </article>
 <div id="comments">
  <dialog>
   <dt>发言者</dt>
   <dd>发言内容</dd><!-- 在HTML5中，dt用于表示发表者，dd表示发表的内容 -->
   <dt>发言者2</dt>
   <dd>发言内容2</dd>
  </dialog>
 </div>
</section>

<sidebar>
 <h2>关于我</h2>
 <我是dafi，我的网站是<a title="dafi's homepage" href="http://www.dafi.cn">www.dafi.cn</a>。>
 <details>
  <legend>了解更多</legend>
  作品有TCMS、TCSS、TStyle等。。。
 </details>
</sidebar>

<footer>
 dafi版权所有
</footer>

</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　HTML5　　代码　

同语言下

可能有用的

dezai贡献的其它代码(1065)