HTML5标签与HTML4标签的区别示例介绍
- PHP中文网原创
- 2017-03-25 14:36:431780浏览
1.概念的变化：
HTML5专注内容与结构，而不专注的表现
1aa9e5d373740b65a0cc8f0a02150c53
d8eccd9ed644b68a6460a2bb84548c82导航相关数据d7fb206ed7081b134e1edd3f2b3137f0
ab946e7546ab66a280dd9c9f9310ecd5
c787b9a589a3ece771e842a6176cf8e9菜单44f9630a3d507ae7532760da37622b0f
23c3de37f2f9ebcb477c4a90aac6fffd
4a249f0d628e2318394fd9b75b4636b1标题:HTML5专题视频教程473f0a7621bec819994bb5020d29372a
2.声明与标签：
HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。
HTML5标签语法介绍及新增标记
3.语法标签：
（1） 不允许写的结束符的标签：area、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
4.新增标签：
23c3de37f2f9ebcb477c4a90aac6fffd 标记定义一篇文章
15221ee8cba27fc1d7a26c47a001eb9b 标记定义页面内容部分的侧边栏
b97864c2e0ef2353a16c4d64c7734e92 标记定义音频内容
5ba626b379994d53f7acf72a64f9b697 标记定义图片
e2b9f03cad787b9644e1f51fd23b7dac 标记定义一个命令按钮
fc86e7b705049fc9d4fccc89a2e80ee3 标记定义一个下拉列表
a5e9d42b316b6d06c62de0deffc36939 标记定义一个元素的详细内容
a38fd2622755924ad24c0fc5f0b4d412 标记定义一个对话框(会话框)
d8e2720730be5ddc9c2a3782839e8eb6 标记定义外部的可交互的内容或插件
24203f2f45e6606542ba09fd2181843a 标记定义一组媒体内容以及它们的标题c37f8231a37e88427e62669260f0074d 标记定义一个页面或一个区域的底部
1aa9e5d373740b65a0cc8f0a02150c53 标记定义一个页面或一个区域的头部
d8eccd9ed644b68a6460a2bb84548c82 标记定义文件中一个区块的相关信息
aa983b9eb8086376f1f6481364a02e5a 标记定义表单里一个生成的键值
f920514e6447cf1d171079d1371f007f 标记定义有标记的文本
49c6123c49c6be380cb91db06cd3bfa9 标记定义 measurementwithin apredefinedrange
c787b9a589a3ece771e842a6176cf8e9 标记定义导航链接
be6d67dae90cc1ad6469079e163d0939 标记定义一些输出类型
6ecb87e5318a36c03c59e25d55f43372 标记定义任务的过程
515718f19dfe6612658be14be18aa0ec 标记是用在Rubyannotations 告诉那些不支持Ruby元素的浏览器如何去显示
7240f116d85a7ee375466871bc33670a 标记定义对rubyannotations的解释
ec41f2147470148e85ad0337a362103e 标记定义 rubyannotations.
2f8332c8dcfd5c7dec030a070bf652c3 标记定义一个区域
e02da388656c3265154666b7c71a8ddc 标记定义媒体资源
46dd80ba616c57a652514755c74c4211 标记定义一个日期/时间
39000f942b2545a5315c57fa3276f220 标记定义一个视频
5.HTML5简单示例
<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>PHP100中文网HTML5专题</title>
<style type="text/css" rel="stylesheet">
header,nav,article,footer {border:solid 1px #666;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:200px}
article{float:left;width:428px;height:200px}
footer{clear:both;width:500px}
</style>
<script type="text/javascript">
document.createElement('article');
document.createElement('nav');
document.createElement('header');
</script>
</head>
<body>
<header>
<hgroup>导航相关数据</hgroup>
</header>
<nav>菜单</nav>
<article>
<h1>HTML5专题视频教程</h1>
发布日期:<time>09:00</time>
<time datetime="2013-2-10">春节</time>
<p>测试相关内容</p>
</article>
<footer>
<address>地址</address>
</footer>
</body>
</html>相关文章：