前端之HTML5，CSS3（一）

　　HTML5中常用内容标签

　　header标签

　　header标签定义文档的页眉，基本语法：<header>content</header>。

　　nav标签

　　nav标签定义导航链接部分，基本语法：<nav>content</nav>。

　　footer标签

　　footer标签定义文档的页脚，基本语法：<footer>content</footer>。

　　article标签

　　article标签定义文章内容部分，基本语法：<article>content</article>。

　　section标签

　　section标签定义文档中区域，类似于div标签，基本语法：<section>content</section>。

　　aside标签

　　aside标签定义内容之外的侧边栏部分，基本语法：<aside>content</aside>。

　　datalist标签

　　datalist标签与input标签结合使用，定义输入下拉选项，基本语法：<datalist><option>content</option>...</datalist>。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>datalist标签-测试</title>
 6 </head>
 7 <body>
 8     <input type="text" value="" list="language" />
 9     <datalist id="language">
10         <option>C</option>
11         <option>C++</option>
12         <option>C#</option>
13         <option>php</option>
14         <option>python</option>
15         <option>perl</option>
16         <option>java</option>
17         <option>javascript</option>
18     </datalist>
19 </body>
20 </html>

View Code

　　效果

　　fieldset标签

　　fieldset标签与legend标签搭配使用，定义区域范围，基本语法：<fieldset><legend>title</legend></fieldset>。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>fieldset标签-测试</title>
 6     <style type="text/css">
 7         fieldset {
 8             width: 300px;
 9         }
10     </style>
11 </head>
12 <body>
13     <fieldset>
14         <legend>用户登录</legend>
15         用户名称：<input type="text" name="user_name">    
16         <br />
17         用户密码：<input type="password" name="pwd">
18     </fieldset>
19 </body>
20 </html>