您的位置：首页 > Web前端 > HTML5

HTML5标签语法变化和使用概念（1）

2012-07-13 16:51 337 查看

HTMl5标签与HTML4标签区别

（1）概念的变化：

HTML5专注内容与结构，而不专注的表现

（2）声明与标签

HTML5在更多的声明的标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素

而在HTML5中

<!DOCTYPE html>

<meta charset=utf-8>

<!DOCTYPE html>
<head>
<meta charset=utf-8>
<title>页面结构</title>
<style type="text/css">
header,nav,article,footer {border:solid 1px #666;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:300px}
article{float:left;width:428px;height:300px}
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>标题:PHP100视频-HTML5专题教程</h1>
发布日期:<time>19:00</time>
<time datetime="2013-2-14">情人节</time>
<p>测试相关内容</p>
</article>

<footer>
<address>上海徐汇区-创恩教育-PHP100中文网</address>
</footer>

</body>
</html>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

预览效果如下

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航