首頁 > web前端 > H5教程 > 主體

HTML5標籤與HTML4標籤的差異範例介紹

PHP中文网
發布: 2017-03-25 14:36:43
原創
1723 人瀏覽過

1.概念的變化: 
HTML5專注內容與結構,而不專注的表現 

 
導航相關資料
 
 
 
 

標題:HTML5專題影片教學

 
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.新增標籤: 
標記定義文章 

<!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(&#39;article&#39;); 
document.createElement(&#39;nav&#39;); 
document.createElement(&#39;header&#39;); 
</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>
登入後複製
相關文章:

在HTML5中對各個標籤的定義與規定:header

詳細解讀HTML5標籤使用方法

HTML5標籤大全

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!