HTML5 标签语法变化和使用概念
HTML5标签与HTML4标签区别
(1)概念的变化:
HTML5专注内容与结构,而不专注的表现
<header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <article> <h1>标题:HTML5专题视频教程</h1>
(2)声明与标签:
HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素
HTML5标签语法介绍及新增标记
1、语法标签:
(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 |
2、新增标签:
<article> 标记定义一篇文章 |
HTML5简单示例
<!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>标题:HTML5专题视频教程</h1> 发布日期:<time>19:00</time> <time datetime="2013-2-14">情人节</time> <p>测试相关内容</p> </article> <footer> <address>地址:xx省xxx市xxx</address> </footer> </body> </html>
本文链接:HTML5 标签语法变化和使用概念,由领悟书生原创,转载请注明出处【http://www.656463.com/article/330】