网页代码优化1

h1~h6标签多用于标题
ul标签多用于无序列表
ol标签多用于有序列表
dl标签多用于定义数据列表
em,strong表示强调

比如：

<div>
    <span>课程</span>
    <span>|</span>
    <span>问答</span>
    <span>|</span>
    <span>我的课程</span>
</div>

这样的代码语义不明显，在html里面

和 标签是最没有语义的，这种写法对于搜索引擎搜索是很不友好的。

应该像下面这样写：

<ul class="main-menu">
<li>课程</li>
<li>问答</li>
<li>我的课程</li>
</ul>
.main-menu li{
    display:block;
    border-right:1px solid #000;
}

这样把排版交给html，样式交给css，使布局和样式分离，对搜索引擎来说很友好。

<h1>标签的内容时最重要的，除了正文和标题，其它最好不要使用h1
<br>标签最好只用于文本的换行，例如<p><br/></p>
<img>标签应使用alt说明
如果只是针对文本的加粗和斜体建议使用<b><i>，因为使用<strong><em>会影响seo的效果
主要代码放在HTML最前面
重要内容不要用js输出
尽少使用Iframe框架
谨慎使用display:none;因为搜索引擎会过滤display:none;内的内容
代码尽量简洁
<a>标签尽量加上title说明，有利于seo