文档介绍：HTML标签转换(把长标签替换为短标签)
源代码中
效果
长标签
短标签
加粗
<strong>
<b>
斜体
<em>
<i>
CSS优化:css称之为层叠样式表,能使网页中显示描述与文档结构彻底分离,提高代码的可读性。使用CSS可以节省大量代码,搜索引擎不解析CSS代码。
方式1:<p class=”b”>搜索引擎优化</p>
方式2: <p><b>搜索引擎优化</b></p>
样式表内容
<style>
.b{
font-weight: blod;
}
</style>
搜索引擎不识别样式表,所以对方式赋予的权重更高。
CSS的优化主要是改变CSS的调用方式以及避免使用CSS为重要内容定义样式。
页面中的重要样式(主辅关键字)必须使用HTML标签进行标注。
CSS调用方式分为内部调用和外部调用,内部分为头部调用和主题调用
头部调用:把需要使用的样式放置在头部中<head></head>标签中。
<head>
<style>
.b{
font-weight: blod;
}
<style>
</head>
当样式内容少的时候可以使用头部调用。否则使用外部调用,使用头部调用时内容过多会增加页面的体积,占用头部的重要位置。
主体调用:就是在页面主体需要样式控制的内容中添加CSS样式。不能发挥CSS样式表优势。
例如
<body>
<p style=”font-size”></p>
</body>
增加页面代码量。
外部调用:把CSS样式内容放到外部文件中。让CSS样式与页面彻底分离。减少页面代码量,不会占用页面顶部的重要位置。
第一步:
第二步:把需要的样式写入该文件中
第三步:在页面中通过<link herf=”文件绝对路径” rel=”stylesheet”>
DIV+CSS:可以防止垃圾代码产生,可以减少重复代码。
对搜索引擎:DIV+CSS制作的页面非常简单、清晰、占用存储空间小
对普通用户:在下载页面时,DIV+CSS方式以<div></div>为单位,内容少于表格。页面打开更流畅。
DIV+CSS制作页面缺点
要调整浏览器兼容性。
搜索引擎不解析CSS文件的内容
Javascript优化:规划页面时尽量避免使用javascript。Javascript优化是为啦避免javasrcipt代码占用页面空间及重要位置。只需要改变javascript出现的位置及调用方式即可,利用javascript对搜索引擎不可见的特性。
Javascript的调用方式分为内部调用和外部调用。内部分为头部及底部
头部调用:把javascript代码放置在页面的头部
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script>