首先先说一下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）尽量要分离！
希望能帮到你！
var reg=/^[a-zA-Z]\w*$/ var flag1=false,flag2=false,flag3=false function chang1(obj){ var name=obj.value if(name.length<3||name.length>8){ //alert("密码要求3-8位！") document.getElementById("usName").innerHTML=" 用户名要求3-8位！" } else if(!reg.test(name)){ //alert("用户名由字母开头，后字母、数字或下划线!") document.getElementById("usName").innerHTML=" 用户名由字母开头，后字母、数字或下划线" flag1=false<form action = "a.html" method = "post">用户名：<input type = "text" name = "username" id = "username">
<br>
密码：<input type = "password" name = "password" id = "password">
<br>
<input type = "submit" id = "submit" value = "登录">
</form>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）