HTML5专注内容与结构，而不专注的表现； HTML5在更多的声明和标签上面做了简化，下面为大家提供了一个HTML5简单示例，大家可以参考下
（1）概念的变化：
HTML5专注内容与结构，而不专注的表现
<header>
<hgroup>导航相关数据</ hgroup>
</ header>
<nav>菜单</ nav>
<article>
<h1>标题：HTML5专题视频教程</ h1>
（2）声明与标签：
HTML5在更多的声明和标签上进行了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素
。HTML5标签语法介绍及添加标记
1，语法标签：
（1）补充写的结束符的标签：区域，basebr，col，command，Embed，hr，img，input，keygen，link，meta，param，source，Track ，wbr
（2）可以省略结尾符的标签：li，dt，dd，p，rt，optgroup，option，Colgroup，thread，tbody，tr，td，th
（3）可以完全省略的标签：html，head， body，colgroup，tbody
2，添加标签：
<article>标记定义文章
<aside>标记定义页面内容部分的侧边栏
<audio>标记定义音频内容
<canvas>标记定义图片
<command>标记定义一个命令按钮
<datalist>标记定义一个拖动列表
<details>标记定义一个元素的详细内容
<dialog>标记定义一个内部（会话框）
<embed>标记定义外部的可交互的内容或插件
<figure>标记定义的一组媒体内容以及它们的标题<footer >标记定义一个页面或一个区域的底部
<header>标记定义一个页面或一个区域的头部
<hgroup>标记定义文件中一个区块的相关信息
<keygen>标记定义表单里一个生成的键值
<mark >在
预定义范围内的标记定义有标记的文本<meter>
<nav>标记定义导航链接
<输出>标记定义一些输出类型
<progress>标记定义任务的过程
<rp>标记是用在Rubyannotations告诉那些不支持Ruby元素的浏览器如何去显示
<rt>标记定义对rubyannotations的解释
。
<section>标记定义一个区域
<source>标记定义媒体资源
<time>标记定义一个日期/时间
<video>
复制代码
代码如下：
<！DOCTYPE html>
<head>
<meta charset = utf-8>
<title> PHP100中文网HTML5专题</ title>
<style type =“ text / css” rel =“ stylesheet”>
标头，导航，文章，页脚{border：solid 1px＃666; padding：5px}
标头{width：500px}
导航{float：left; width：60px; height：200px}
文章{float：left; width：428px; height：200px}
页脚{clear： both; width：500px}
</ style>
<script type =“ text / javascript”>
document.createElement（'article'）;
document.createElement（'nav'）;
document.createElement（'header'）;
</ script>
</ head>
<body>
<header>
<article>
<h1> HTML5主题视频教程</ h1>
发布日期：<时间> 09:00 </ time>
<时间datetime =“ 2013-2-10”>春节</ time>
<p>测试相关内容</ p>
</ article>
<footer>
<address>地址</ address>
</ footer>
</ body>
</ html>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
HTML