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

最新推荐文章于 2021-06-17 09:58:48 发布

weixin_33699914

最新推荐文章于 2021-06-17 09:58:48 发布

阅读量164

点赞数

文章标签： python php javascript ViewUI

原文链接：https://my.oschina.net/miaoyaoyao/blog/66904

版权

2019独角兽企业重金招聘Python工程师标准>>>

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>