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>
原文地址:https://www.cnblogs.com/java20130725/p/3215830.html