• 将css和js放在外部

• Title标签

?标题：h1~h6

?无序列表：<ul><li></li></ul>

?有序列表：<ol><li></li></ol>

?数据列表：<dl>

           　　　　<dt>列表项</dt>

        　　　　  <dd>列表项描述</dd>

                </dl>

　　　　?表强调：<strong></strong>

               　　  <em></em>

　　A、尽可能少的使用无语意标签<div>、<span>

举例：

<div class=“head”>head</div>

<div class=“content”>content1</div>

<div class=“content”> content2</div>

改：

<h1>head</h1>

<p>content1</p>

<p>content2</p>

　　B、<h1>标签具有较大的权重，一般每个页面只能有一个h1。 h2、h3按需要采用，不可以太多

　　C、在语义不明显，既可以使用<div>或者<p>时，尽量用<p> 

　　D、将无序列表运用于导航

举例：

<div class=“nav”>

<span><a href=“javascript:void(0);”>首页</a></span>

<span><a href=“javascript:void(0);”>导航1</a></span>

<span><a href=“javascript:void(0);”>导航2</a></span>

<span><a href=“javascript:void(0);”>导航3</a></span>

</div>

更合理方式：

<div class="nav">

 <ul>

   <li><a href="javascript:void(0);">首页</a></li>

   <li><a href="javascript:void(0);">导航1</a></li>

   <li><a href="javascript:void(0);">导航2</a></li>

   <li><a href="javascript:void(0);">导航3</a></li>

 </ul>

</div>

 

E、<strong><em>与<b><i>标签

　　　　虽然从页面效果上看<strong>与<b>、<em>与<i>的显示效果一样，但是在语义上<strong><em>的作用更强一些，有加强字符语气的作用。

　　　　所以在写页面的时候如果要强调页面的关键词，建议用<strong><em>标签。

 

　　F、其他细节

?标签中的内容就是内容，不要加的代码，&nbsp尽量通过设置padding/margin/缩进来实现效果。

?使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；

?表单域要用fieldset标签包起来，并用legend标签说明表单的用途；

?每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

 

小结：