HTML5标签语法变化和使用概念(1)

HTMl5标签与HTML4标签区别

(1)概念的变化:

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

(2)声明与标签

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

image

而在HTML5中

<!DOCTYPE html>

<meta charset=utf-8>

 

HTML5标签语法变化和使用概念(1)_第1张图片

 

HTML5标签语法变化和使用概念(1)_第2张图片

<!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> 
HTML5标签语法变化和使用概念(1)_第3张图片

预览效果如下

你可能感兴趣的:(HTML5标签语法变化和使用概念(1))