为HTML页面只能是静态的......再想一想！查看使用HTML页面进行简单动态操作的示例。

根据静态页面的定义- “它显示的信息与存储的完全一致”。因此，如果要构建一个显示数据库信息的页面（动态），那么您将使用服务器端页面，如.php / .aspx / .cshtml。

作为一名网络开发人员，我经常听到“ HTML页面是一个静态页面，所以它不能用于显示动态内容。” 这听起来很公平，但并不完全正确。让我们讨论为什么HTML页面不是真正的静态页面。

使用HTML页面进行简单动态操作

让我们使用HTML页面进行简单而强大的操作。在这里，我将创建一个用户可以订阅博客的功能。这个功能在互联网上很常见！

您将拥有“输入”和“按钮”控件。用户将输入他/她的电子邮件并单击按钮。单击该按钮，他/她的电子邮件应存储在数据库表中，他/她应该收到一条感谢信息。

HTML页面代码：

<input id="email" placeholder="Email Address" />

<button id="submit">Submit</button>

<div id="message"></div>

注意：最后的消息（谢谢）将显示在“message”div中。

使HTML页面动态化

现在的问题是，“如何在数据库中插入电子邮件并显示感谢信息？” 答案是通过 jQuery AJAX 方法。

这是主要的捕获！使用jQuery AJAX，我可以将电子邮件值发送到PHP页面，然后这个PHP页面将它插入到数据库中，然后返回感谢信息。

我将在按钮单击 事件上调用jQuery AJAX方法，并将电子邮件值发布到PHP 页面。

下面是我们的jQuery AJAX代码：

$("#submit").click(function (e) {

$.ajax({

type: "POST",

url: "result.php",

contentType: "application/json; charset=utf-8",

data: '{"email":"' + $("#email").val() + '"}',

success: function (msg) {

$("#message").html(msg);

},

error: function (req, status, error) {

alert(req + " " + status + " " + error);

}

});

return false;

});

说明：在上面的jQuery AJAX方法代码中，我将 “ url ”键传递给 “ result.php ” 页面。此PHP页面将接收电子邮件值。

该“数据”值（见jQuery的AJAX代码），将通过电子邮件的用户填写输入控制值。

AJAX请求成功完成时将调用的“ success ”回调函数。我在此回调函数中从PHP页面接收返回的值，然后将其放在“ message ”div中。

如果在AJAX调用期间出现一些错误，则调用“ 错误 ”回调函数。

最后PHP页面......

<？PHP

$ email = $ _REQUEST ['email'];

//进行数据库操作并在电子邮件中插入电子邮件值。

//如果插入操作成功，则回显“您已订阅”。

//别的“出了点问题。再试一次。”

//我假设操作成功，所以返回

//“你订阅了。” 回到jQuery AJAX方法的消息。回声“谢谢！”;

？>

PHP页面接收电子邮件值，将其插入数据库，然后发回谢谢消息。

代码部分到此结束。现在，如果任何Web开发人员告诉您HTML页面不能用于显示动态内容，请礼貌地告诉那个人，“你错了，还有另一种方式！”

使用jQuery AJAX， HTML页面可以像服务器页面一样工作。您可以使用它，从HTML页面直接创建任何类型的数据库应用程序。

快乐的编码，不要忘记喜欢这个教程！

站SEO优化，动态的URL要转化为静态的URL ，到底动态URL与静态URL有什么区别呢?为什么要把URL静态化或是伪静态以及如何做?想必大家在网络上搜索一下URL静态与URL动态都能搜出一大推的资料，但是未必看的懂。所以靖歌阁简单的来介绍一下URL静态与URL动态。希望对大家能有所帮助!

在较早以前搜索引擎还不能很好的实现对动态URL的抓取，简单来讲就是比较费劲，而静态则比较好抓取，所以动态URL不受搜索引擎的蜘蛛的欢迎。BUT，搜索引擎目前的发展可以说已经可以克服对动态URL的抓取。

静态URL地址是直接访问服务器本地生成的静态html页面，不会经过数据库动态调用;而动态URL是本地没有生成静态的html页面，直接从数据库调用展示。URL静态化的目的是有利于网站的排名，虽然现在搜索引擎已经可以收录动态地址，但是在排名上静态化的页面比动态化有优势，鉴于此做SEO优化的朋友尽可能的还是让网站静态化比较好。下面靖歌阁来具体介绍一下!

一、首先如何识别静态URL、动态URL?

动态URL，对应动态页面，简单地说就是以“.aspx、.asp、.jsp、.php、.perl、.cgi”为后缀的网页地址，比如：/case.asp，这就是一个典型的动态URL。动态URL中有可能会出现“?、=、&” 这样的参数符号，应控制在2-3个之间。

静态URL，对应称静态页面，通常以.htm、.html、.shtml、.xml为后缀，如.htm ，这是一个比较典型的静态URL。用户访问静态URL时，网页不需要再去服务器调取数据，因此加载速度比动态URL要快，更利于搜索蜘蛛抓取页面。

其实，最简单的方式就是看看链接中有没有出现?、ID等参数，如果URL中含有像问号(?)、等号(=)等这样的特殊符号的话，可以认为这样URL就是动态URL。而整个URL都是有简单的字母、数字、斜杠、中文(有时URL中有中文)组成，并没有像问号这样的特殊符号，可以认为这样的URL就是静态URL。

总结：整个URL里不含”?”就可以认为是静态URL(可参考静态页面)，静态化的执行速度更快，对搜索引擎更友好。

二、静态URL为什么广受推崇?

虽然在抓取动态URL上有了很大的进步，但是如果碰到一长串的动态URL不能很好的抓取，因此，需要更多精力去分析这条链接，静态URL则不会。静态URL排名比动态URL更有优势，实际排名中可以看出来。带有关键词的链接(特别是谷歌)，对排名是有一定的优势。

用户体验，不管从视觉看还是其他角度，静态URL都比动态URL简单明了，打开速度也比较快。如果做英文SEO，你搜索一个关键词，排名网页的链接中有出现你搜索的关键词的话就会高亮显示。

三、动态URL怎么变成静态URL?

本质上讲，真正的静态是指静态的页面而不是指静态URL，那么后面就衍生出动态页面URL静态化的一个概念，被称之为伪静态。不改变页面的情况下将URL静态化。那么，静态URL和动态URL的转换格式应该如何做?

首先看一下你用的是什么开源程序，现在大部分的开源程序都支持伪静态，只要按操作提示设置就可以。如果是公司自己的程序，只要找相关技术人员帮你处理一下，伪静态还是比较容易实现的。

目录或栏目尽量采用/abc的格式，内容页面采用/abc.html的格式;每个页面对应一个URL静态化后，动态URL在网页上是找不到的。

URL静态化将更有利于增加搜索引擎的信任度。网站优化主要是网站内容优化和网站结构优化。目前，URL静态化也做为搜索引擎一种对网站URL地址的标准化，所以做SEO优化竟可能的，规范化、标准化，这样不管搜索引擎如何调整算法或者改动，对你网站的变动不会太大。

最后，靖歌阁在提醒大家一点，如果是谷歌的话，建议不要将动态URL静态化。

1、 谷歌完全有能力抓取动态网址，再多问号都不是问题;

2、动态网址更有助于googlebot理解URL及网页的内容;

3、 URL静态化很容易弄错，带有参数的URL可能有助于谷歌读懂里面的内容。

谷歌的建议是从谷歌自身出发的，并没有考虑其他搜索引擎。谷歌抓取任何动态网址没问题不等于百度，雅虎，必应，搜狗等等搜索引擎都没问题。网络营销,选「靖歌阁」!jggwlkj权威认证,助您快速赢得买家信任,诚信创造财富!