html5页面示例
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta charset="utf-8" /> <title>标题</title> <meta name="keywords" content="HTML5" /> <meta name="description" content="这是一个html5测试页面" /> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="expires" /> <meta name="author" content="kok" /> <meta name="copyright" content="HTML5 Developer Community" /> <link href="style/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="logo"> XXX公司<small> xxx coporation</small> </div> <ul> <li><a class="nav" href="/">首页</a></li> <li><a class="nav" href="/A.html">栏目A</a></li> <li><a class="nav" href="/B.html">栏目B</a></li> <li><a class="nav" href="/C.html">栏目C</a></li> <li><a class="nav" href="/D.html">栏目D</a></li> <li style="margin-left:60px;"> <form action="/search" method="post"> <ul> <li><label for="key">站内搜索:<input type="search" name="key" required="" /></label></li> <li><label for="button"><input type="submit" name="button" value="搜索" /></label></li> </ul> <fieldset style="margin:0px;padding:0px;width=260px;height:400px"> <form> <legend style="font-family:'logo-font';color:#333;font-size:20px;">用户登录与注册区域</legend> <p><label for="uid">用户名:</label> <input type="text" name="uid" class="user_input" required="" autocomplete="true" placeholder="请填写用户名" pattern="[a-xA-Z0-9]{4,10}" /></p> <p><label for="pwd">密码:</label> <input name="pwd" type="password" class="user_input" required="" autocomplete="true" placeholder="请填写密码" /></p> <p>记住密码:<input type="checkbox" name="remember" checkec="checked" value="1" id="remember" /> <a class="user_link" id="user_reg" title="忘记密码" href="#">忘记密码</a> <a class="user_link" id="user_reg" title="用户注册" href="#">用户注册</a></p> <p><input type="submit" value="登录网站" class="button" /></p> </form> </fieldset> <fieldset class="custmer_index"> <a class="article_link" href="/1.html">test for HTML5[2012-01-01]</a><br /> </fieldset><small>版权所欲：html5研究小组</small> <address> Beijing RPC </address> </form> </li> </ul> </body> </html> |
