基于AJAX技术提高搜索引擎排名（2）
作者：朱先忠编译 来源：天极开发 发布时间：2008-01-24 12:45:00
二、 设计你的Web页面
实现分离内容和导航的第一步是，在web页面上创建将插入可导航元素的占位符。对于每一个可导航元素的连续区域，你应该创建一个具有唯一id的独立DIV元素；这样以来，以后你可以在你的JavaScript代码中标识它。为了防止过度晃动，在创作页面期间，目录上方或右边的DIV元素的尺寸应该调整到非常接近你的可导航元素的实际大小；这样，当你使用希望的HTML代码来代替它们时内容就不会移动位置。为此，一种最巧妙的方法是把一个空的适当大小的DIV元素插入到该占位符处。
对于Informit网站来说，其页面结构已经是良好设计的，且DIV元素已经非常到位。
你仅需要从可导航DIV元素中删除内容并且插入一个空框，页眉将会出现在这里(为了简短起见，我们将忽略把公司标识和版权信息嵌入到每一个页面中的讨论)。下面是相应的代码：
＜div id="header"＞
＜div style="height: 100px; width: 100％"＞＜/div＞
＜/div＞
＜div id="contentArticle"＞
＜div id="firstCol"＞
... article content ....
＜/div＞
＜div id="secondCol" ＞＜/div＞
＜/div＞
＜div id="footer"＞＜/div＞
注意
如果你的web页面使用表格来实现所希望的页面布局，那么请不要把表格单元格重用作占位符；而把DIV元素放到表格单元格内比较好一些。
已经被从web页面中删除的可导航的元素必须被重新创建为独立的页面。你应该使用静态HTML文件来表达静态内容(这将允许缓冲内容，不管你使用什么样的web服务器)和在加载它们的web页面上创建显示基于动态元素的服务器端脚本。对于Informit来说，每一个web页面都有唯一一个文章标识符(在URL中的"p="参数)；因此，你需要创建一个能够接受文章标识符并创建右边的栏目的服务器端脚本。在大多数情况中，你可以重用创建嵌入的可导航元素的服务器端代码。
在重新设计这些web页面后，接下来，你就可以实现本方案中的AJAX部分了。与通常一样，你可以使用嵌入式框架(IFRAME元素)工作，也可以选用一个XmlHttpRequest对象。
0
投稿猜你喜欢
- 使用del和drop方法删除DataFrame中的列，使用drop方法一次删除多列数据准备：import pandas as pd
- 导入CSV文件导入数据的步骤 ①打开xxx.csv文件②首先读取文件头③然后读取剩余头④当发生错误时抛出异常读取完所有内容后，打印文件头和剩
1、数据库架构1.1、MySQL 的基础架构图给面试官讲一下 MySQL 的逻辑架构，有白板可以把下面的图画一下，图片来源于网络。Mysql- 下载代码Cookie池（这里主要是微博登录，也可以自己配置置其他的站点网址）下载代码GitHub：https://github.com/Py
- virtualenv与virtualenvwrapper当涉及到python项目开发时为了不污染全局环境，通常都会使用环境隔离管理工具vir
- 1. 时间的表示Go 语言中时间的表示方式是通过 time.Time 结构体来表示的。time.Time 类型代表了一个时刻，它包含了年月日
- date() 获取日期，格式：2004-2-28 time() 获取时间，格式：22:24:59 now() 获取日期和时间 格式： 200
- APScheduler是一个Python定时任务框架，使用起来十分方便。提供了基于日期、固定时间间隔以及crontab类型的任务，并且可以持
- 一、概述全文索引在表中包括一个或多个基于字符的列。这些列可以具有以下任何数据类型：char、varchar、nchar、nvarchar、t
- 一、背景介绍3月2日凌晨，OpenAI放出了真正的ChatGPT API，不是背后的GPT-3.5大模型，是ChatGPT的本体模型！Cha
- 本文实例讲述了Flask框架请求钩子与request请求对象。分享给大家供大家参考，具体如下：请求钩子在客户端和服务器交互的过程中，有些准备
- 建造者模式：将一个复杂对象的构建与他的表示分离，使得同样的构建过程可以创建不同的表示。基本思想某类产品的构建由很多复杂组件组成；这些组件中的
- 在当今用户的显示器越来越大的今天，之前的1024*768固宽布局有点越来越不合时宜，对大屏幕的用户而言，两侧空空的留白给人第一眼的印象是严重
- 如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝
- 首先撰写golang程序exportgo.go：package mainimport "C"import "f
- 前言加密技术在数据安全存储，数据传输中发挥着重要作用，能够保护用户隐私数据安全，防止信息窃取。RSA是一种非对称加密技术，在软件、网页中已得
- 在进行数据库管理的过程中,经常会出现数据表被用户的一些不合理操作而导致表被锁定的情况,以下主要介绍如何查找哪些表被哪个用户所锁定,以及如何解
- 最近在研究雨哲软件采集程序的时候，需要获取真实软件地址时遇到了需要读取跳转页面跳转后的真实地址的问题。在网上找了很多方法，使用WinHttp
- 背景本文总结pytest的测试用例参数化。说明软件测试中，输入相应值，检查期望值，是常见测试方法。在自动化测试中，一个测试用例对应一个测试点
- 实例如下：from win32com.client import Dispatch import win32com.client
