首先先说一下HTML5的代码只是在原有的XHTML基础上增加了一些新的标签(还有一些新的特性,例如数据库和缓存等特性)
以下为此页面的结构代码:
<!doctype html><html>
<head>
<meta charset="utf-8">
<meta name="revised" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="robots" content="all" />
<title>页面标题</title>
</head>
<body>
<header>
<div></div><!--登陆注册区域-->
</header><!--头部[html5新标签]-->
<nav></nav><!--导航[html5新标签]-->
<div></div><!--banner-->
<div></div><!--左上-->
<div></div><!--右上-->
<div></div><!--左下-->
<div></div><!--右下-->
<footer></footer><!--底部[html5新标签]-->
</body>
</html>
注:以上为页面的大的框架,相对用HTML5新的标签更合理的,全用上了新的带有语义标签。
另外多说一下,[注册登陆]这块在html5的新标签里面没有很合适的语义化的标签,所以依然采用原有的div标签为最合理。html5只是在原有的技术的基础上更细化了,咱在制作代码的过程中没必要必须用HTML5的代码,主要看是否合理,合理的为较合适的。
多说的:不管用XHTML还是HTML5写代码,结构(HTML5)与样式(CSS)尽量要分离!
希望能帮到你!
html5页面和一般的html页面区别基本不算太大,因为我也刚刚接触h5不久。在一般的页面上加上h5的头信息就可以吧一般页面变成h5页面了。在h5页面上。需要注意一下width和height,标签的话基本上是多了一些新的。和废除了一些旧的,你下一个h5的chm看下就知道了。我现在做项目,用的就是h5,用的头信息是这个:<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
目前可以肯定的就是淘宝网用了HTML5,下面是摘自淘宝网用户登录的HTML5代码:其中label标签的for属性就是HTML5新增的属性。它的作用就是当用户点击了label的文本时就触发该标签所绑定的元素。
<div class="field ph-hide username-field">
<label for="TPL_username_1" class="iconfont">
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)