HTML5標籤語法變化和使用概念(1)

HTMl5標籤與HTML4標籤區別javascript

(1)概念的變化:css

HTML5專一內容與結構,而不專一的表現html

(2)聲明與標籤java

HTML5在更多的聲明的標籤上面作了簡化,也對兼容作了詳細的規定,廢除了部分元素,增長了部分元素測試

image

而在HTML5中spa

<!DOCTYPE html>.net

<meta charset=utf-8>code

 

image

 

image

<!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>
image

預覽效果以下視頻

相關文章
相關標籤/搜索