為HTML頁面只能是靜態(tài)的......再想一想！查看使用HTML頁面進(jìn)行簡單動態(tài)操作的示例。

根據(jù)靜態(tài)頁面的定義- “它顯示的信息與存儲的完全一致”。因此，如果要構(gòu)建一個(gè)顯示數(shù)據(jù)庫信息的頁面（動態(tài)），那么您將使用服務(wù)器端頁面，如.php / .aspx / .cshtml。

作為一名網(wǎng)絡(luò)開發(fā)人員，我經(jīng)常聽到“ HTML頁面是一個(gè)靜態(tài)頁面，所以它不能用于顯示動態(tài)內(nèi)容。” 這聽起來很公平，但并不完全正確。讓我們討論為什么HTML頁面不是真正的靜態(tài)頁面。

使用HTML頁面進(jìn)行簡單動態(tài)操作

讓我們使用HTML頁面進(jìn)行簡單而強(qiáng)大的操作。在這里，我將創(chuàng)建一個(gè)用戶可以訂閱博客的功能。這個(gè)功能在互聯(lián)網(wǎng)上很常見！

您將擁有“輸入”和“按鈕”控件。用戶將輸入他/她的電子郵件并單擊按鈕。單擊該按鈕，他/她的電子郵件應(yīng)存儲在數(shù)據(jù)庫表中，他/她應(yīng)該收到一條感謝信息。

HTML頁面代碼：

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

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

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

注意：最后的消息（謝謝）將顯示在“message”div中。

使HTML頁面動態(tài)化

現(xiàn)在的問題是，“如何在數(shù)據(jù)庫中插入電子郵件并顯示感謝信息？” 答案是通過 jQuery AJAX 方法。

這是主要的捕獲！使用jQuery AJAX，我可以將電子郵件值發(fā)送到PHP頁面，然后這個(gè)PHP頁面將它插入到數(shù)據(jù)庫中，然后返回感謝信息。

我將在按鈕單擊 事件上調(diào)用jQuery AJAX方法，并將電子郵件值發(fā)布到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頁面將接收電子郵件值。

該“數(shù)據(jù)”值（見jQuery的AJAX代碼），將通過電子郵件的用戶填寫輸入控制值。

AJAX請求成功完成時(shí)將調(diào)用的“ success ”回調(diào)函數(shù)。我在此回調(diào)函數(shù)中從PHP頁面接收返回的值，然后將其放在“ message ”div中。

如果在AJAX調(diào)用期間出現(xiàn)一些錯(cuò)誤，則調(diào)用“ 錯(cuò)誤 ”回調(diào)函數(shù)。

最后PHP頁面......

<？PHP

$ email = $ _REQUEST ['email'];

//進(jìn)行數(shù)據(jù)庫操作并在電子郵件中插入電子郵件值。

//如果插入操作成功，則回顯“您已訂閱”。

//別的“出了點(diǎn)問題。再試一次。”

//我假設(shè)操作成功，所以返回

//“你訂閱了。” 回到j(luò)Query AJAX方法的消息。回聲“謝謝！”;

？>

PHP頁面接收電子郵件值，將其插入數(shù)據(jù)庫，然后發(fā)回謝謝消息。

代碼部分到此結(jié)束。現(xiàn)在，如果任何Web開發(fā)人員告訴您HTML頁面不能用于顯示動態(tài)內(nèi)容，請禮貌地告訴那個(gè)人，“你錯(cuò)了，還有另一種方式！”

使用jQuery AJAX， HTML頁面可以像服務(wù)器頁面一樣工作。您可以使用它，從HTML頁面直接創(chuàng)建任何類型的數(shù)據(jù)庫應(yīng)用程序。

快樂的編碼，不要忘記喜歡這個(gè)教程！

站SEO優(yōu)化，動態(tài)的URL要轉(zhuǎn)化為靜態(tài)的URL ，到底動態(tài)URL與靜態(tài)URL有什么區(qū)別呢?為什么要把URL靜態(tài)化或是偽靜態(tài)以及如何做?想必大家在網(wǎng)絡(luò)上搜索一下URL靜態(tài)與URL動態(tài)都能搜出一大推的資料，但是未必看的懂。所以靖歌閣簡單的來介紹一下URL靜態(tài)與URL動態(tài)。希望對大家能有所幫助!

在較早以前搜索引擎還不能很好的實(shí)現(xiàn)對動態(tài)URL的抓取，簡單來講就是比較費(fèi)勁，而靜態(tài)則比較好抓取，所以動態(tài)URL不受搜索引擎的蜘蛛的歡迎。BUT，搜索引擎目前的發(fā)展可以說已經(jīng)可以克服對動態(tài)URL的抓取。

靜態(tài)URL地址是直接訪問服務(wù)器本地生成的靜態(tài)html頁面，不會經(jīng)過數(shù)據(jù)庫動態(tài)調(diào)用;而動態(tài)URL是本地沒有生成靜態(tài)的html頁面，直接從數(shù)據(jù)庫調(diào)用展示。URL靜態(tài)化的目的是有利于網(wǎng)站的排名，雖然現(xiàn)在搜索引擎已經(jīng)可以收錄動態(tài)地址，但是在排名上靜態(tài)化的頁面比動態(tài)化有優(yōu)勢，鑒于此做SEO優(yōu)化的朋友盡可能的還是讓網(wǎng)站靜態(tài)化比較好。下面靖歌閣來具體介紹一下!

一、首先如何識別靜態(tài)URL、動態(tài)URL?

動態(tài)URL，對應(yīng)動態(tài)頁面，簡單地說就是以“.aspx、.asp、.jsp、.php、.perl、.cgi”為后綴的網(wǎng)頁地址，比如：/case.asp，這就是一個(gè)典型的動態(tài)URL。動態(tài)URL中有可能會出現(xiàn)“?、=、&” 這樣的參數(shù)符號，應(yīng)控制在2-3個(gè)之間。

靜態(tài)URL，對應(yīng)稱靜態(tài)頁面，通常以.htm、.html、.shtml、.xml為后綴，如.htm ，這是一個(gè)比較典型的靜態(tài)URL。用戶訪問靜態(tài)URL時(shí)，網(wǎng)頁不需要再去服務(wù)器調(diào)取數(shù)據(jù)，因此加載速度比動態(tài)URL要快，更利于搜索蜘蛛抓取頁面。

其實(shí)，最簡單的方式就是看看鏈接中有沒有出現(xiàn)?、ID等參數(shù)，如果URL中含有像問號(?)、等號(=)等這樣的特殊符號的話，可以認(rèn)為這樣URL就是動態(tài)URL。而整個(gè)URL都是有簡單的字母、數(shù)字、斜杠、中文(有時(shí)URL中有中文)組成，并沒有像問號這樣的特殊符號，可以認(rèn)為這樣的URL就是靜態(tài)URL。

總結(jié)：整個(gè)URL里不含”?”就可以認(rèn)為是靜態(tài)URL(可參考靜態(tài)頁面)，靜態(tài)化的執(zhí)行速度更快，對搜索引擎更友好。

二、靜態(tài)URL為什么廣受推崇?

雖然在抓取動態(tài)URL上有了很大的進(jìn)步，但是如果碰到一長串的動態(tài)URL不能很好的抓取，因此，需要更多精力去分析這條鏈接，靜態(tài)URL則不會。靜態(tài)URL排名比動態(tài)URL更有優(yōu)勢，實(shí)際排名中可以看出來。帶有關(guān)鍵詞的鏈接(特別是谷歌)，對排名是有一定的優(yōu)勢。

用戶體驗(yàn)，不管從視覺看還是其他角度，靜態(tài)URL都比動態(tài)URL簡單明了，打開速度也比較快。如果做英文SEO，你搜索一個(gè)關(guān)鍵詞，排名網(wǎng)頁的鏈接中有出現(xiàn)你搜索的關(guān)鍵詞的話就會高亮顯示。

三、動態(tài)URL怎么變成靜態(tài)URL?

本質(zhì)上講，真正的靜態(tài)是指靜態(tài)的頁面而不是指靜態(tài)URL，那么后面就衍生出動態(tài)頁面URL靜態(tài)化的一個(gè)概念，被稱之為偽靜態(tài)。不改變頁面的情況下將URL靜態(tài)化。那么，靜態(tài)URL和動態(tài)URL的轉(zhuǎn)換格式應(yīng)該如何做?

首先看一下你用的是什么開源程序，現(xiàn)在大部分的開源程序都支持偽靜態(tài)，只要按操作提示設(shè)置就可以。如果是公司自己的程序，只要找相關(guān)技術(shù)人員幫你處理一下，偽靜態(tài)還是比較容易實(shí)現(xiàn)的。

目錄或欄目盡量采用/abc的格式，內(nèi)容頁面采用/abc.html的格式;每個(gè)頁面對應(yīng)一個(gè)URL靜態(tài)化后，動態(tài)URL在網(wǎng)頁上是找不到的。

URL靜態(tài)化將更有利于增加搜索引擎的信任度。網(wǎng)站優(yōu)化主要是網(wǎng)站內(nèi)容優(yōu)化和網(wǎng)站結(jié)構(gòu)優(yōu)化。目前，URL靜態(tài)化也做為搜索引擎一種對網(wǎng)站URL地址的標(biāo)準(zhǔn)化，所以做SEO優(yōu)化竟可能的，規(guī)范化、標(biāo)準(zhǔn)化，這樣不管搜索引擎如何調(diào)整算法或者改動，對你網(wǎng)站的變動不會太大。

最后，靖歌閣在提醒大家一點(diǎn)，如果是谷歌的話，建議不要將動態(tài)URL靜態(tài)化。

1、 谷歌完全有能力抓取動態(tài)網(wǎng)址，再多問號都不是問題;

2、動態(tài)網(wǎng)址更有助于googlebot理解URL及網(wǎng)頁的內(nèi)容;

3、 URL靜態(tài)化很容易弄錯(cuò)，帶有參數(shù)的URL可能有助于谷歌讀懂里面的內(nèi)容。

谷歌的建議是從谷歌自身出發(fā)的，并沒有考慮其他搜索引擎。谷歌抓取任何動態(tài)網(wǎng)址沒問題不等于百度，雅虎，必應(yīng)，搜狗等等搜索引擎都沒問題。網(wǎng)絡(luò)營銷,選「靖歌閣」!jggwlkj權(quán)威認(rèn)證,助您快速贏得買家信任,誠信創(chuàng)造財(cái)富!