很多大型門戶網站都是使用的SHTML，但是個人網站或是企業網站確實很少使用SHTML，那么究竟SHTML和HTML的差別在哪？網站建設過程中，選擇哪種更有利于優化呢？

SHTML和HTML有哪些區別？

其實，SHTML和HTML都是靜態網頁的后綴，但是HTML是靜態的文件，SHTML文件則是和ASP、JS、PHP等一樣的形式展現，兩者的展示完全不同。我們在訪問HTML文件時，不需要服務器解析腳本就能直接訪問，而訪問SHTML文件需要服務器來解析。因此，能夠將SHTML理解是偽靜態的文件。

SHTML和HTML怎樣選？

我們知道，從網站優化的角度來看，靜態的網頁要比動態的網頁更有利于搜索引擎優化，因為靜態網頁的加載快，而且穩定，能提高搜索引擎蜘蛛的爬取，因此相對動態網頁，搜索引擎對靜態網頁更青睞。

而SHTML雖然也是靜態的頁面，但是SHTML是通過服務器來生成的靜態頁面，在打開這樣的偽靜態頁面時，也需要經過加載文件、加載服務器、加速數據等等這些。所以，在加載速度上，SHTML并不如純靜態頁面有優勢。當然，如果服務器的各方面條件都很好，具備高配置和大帶寬，那么影響可能就相差不多。

雖然，SHTML在網站優化方面不如HTML，但是相比其他的偽靜態頁面或是動態頁面，SHTML也具有一定的優勢。我們知道SHTML比較受大型門戶網站的歡迎，這是因為這類型的網站每日都需要更新發布大量的文章，如果是選擇純靜態文件，那么更新就很耗費時間，而且管理也很不方面。動態文件的優勢就在于不需要更新，但是難優化，但SHTML文件不同，利用SHTML的包含，可以在包含文件中修改，所有的頁面都跟著修改，而不需要重新生成靜態文件。因此，會比動態文件優化的效果好很多。

現在大家對于SHTML和HTML的差別都有所了解了吧，至于選擇哪個好，我們需要看具體的網站類型來決定。對于個人博客網站或是企業網站這些，選擇直接用HTML文件來操作更好，因為相比門戶類型網站，這些類型的網站的每日更新較少，而且主要是利用內頁來參與排名，那么用HTML更有利。對大型門戶網站或是資訊類的網站，想要用內容頁面去做排名的話，選擇SHTML更好。關于SHTML和HTML的介紹就分享到這，希望這篇能對大家有所幫助。

人人都是產品經理【起點學院】，BAT實戰派產品總監手把手系統帶你學產品、學運營。

2016年了，嗨，大家新年好。

作為一個網頁的產品經理，網頁的前端知識可謂是不能不知，本文主講網站產品的前端姿勢。

通常，HTML、CSS、JavaScript共同構建了你看到的任何一個網頁展示和交互。

下面是這三種字母的解釋：

• HTML(HyperTextMarkup Language) 超文本標記語言
• CSS（Cascading Style Sheets）級聯樣式表
• JavaScript 一種腳本語言，主要用于前端頁面的DOM處理

不太懂可自行百度了解。

文本的意思，應該大家都明白，就是你隨手在桌面上建立一個txt，這就是一個文本文件。

那什么是HTML超文本標記語言呢？就是對一個普通的txt里面的文字進行標記，標記其中的一段為title，標記任意一段為某個意思，最終形成了一套規則就是html。

一個html文檔通常的結構是這樣的：

doctype、html、head(/head)、body(/body)、/html。

下面我們來看一段html：

看下面這段代碼截圖：

“電動汽車_新能源汽車_電動汽車網”原先是普通的文本，但是這里套了<title>，用于標記此處是標題，同時也告訴了搜索引擎這里是標題。

再看下面這段代碼截圖：

紅色標注部分就是CSS樣式代碼。CSS中文名叫級聯樣式表，白話就是說長什么樣子。CSS就是起裝修作用的，必須要和HTML一起配合使用。

再看下面這段代碼截圖（和第一張圖一樣）：

上圖第二個紅色標注的地方就是JavaScript，JavaScript是一種腳本語言，它在網頁中使用的主要場景是控制HTML中的每一個元素。比如，點了一個按鈕會彈出一個層，其實就是利用JavaScript實現的。

目前的互聯網，任何一個網頁都是由他們三個構建起來的，作為網頁產品經理必須知道，若是能夠看懂、簡單修改甚至是自己寫，那就更棒了，再深的介紹就不在此說明了。

當然作為創業公司的產品經理還有注意前端頁面規范和兼容性的問題，作為合格的前端工程師上面說的都應該必須過關，作為產品經理也必須明了。

比如html文檔格式，必須有的dtd格式，文件編碼utf－8等這些常識性姿勢。

除了html，大家應該還看到htm、shtml、xhtml等這些文檔，大家可以自行百度做了解，究竟有什么用和什么區別。

說到這里大家應該想問了，html應該用什么軟件開發呢？Dreamweaver，百度自行了解。

本文僅適用于產品新人，產品大佬可以忽略。

#專欄作家#

董海榮，微信公眾號：pingyaonr，人人都是產品經理專欄作家。關注智能汽車、移動互聯網和虛擬現實。擅長內容編輯運營、原型設計、需求挖掘梳理、產品規劃管理。歡迎交流學習。

何運行過網站或者參與過網站制作的人都知道，靜態頁面和動態頁面是兩種常見的頁面形式。動態網站與靜態網站，兩者是有區別的，動態網站不是指能動來動去的網站，而是指網站的內容能夠動態的進行改變，動態的網頁只是程序調用生成的，不存在實體的頁面，而靜態頁面是指服務器上實際存在的頁面一般為html格式，是在服務器內實際存在的，那么動態頁面和靜態頁面到底哪個更好一點？區別又在哪里？一起來看看吧。

靜態網頁特點

每個頁面中都有一個固定的URL

首先是靜態網頁，靜態網頁每個頁面中都有一個固定的URL，網頁URL以htm、HTML、shtml等常見形式為后綴，而且不含符號。

沒有后臺數據庫

沒有后臺數據庫、不含程序和不可交互的頁面。你編的是什么它就顯示什么，不會有任何的改變。靜態頁面更新資料也會比較麻煩，適用于更新較少的展示型網站。

網頁內容發布到服務器上，不管有沒有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的。每個頁面都是一個獨立的文件，內容相對穩定，交互性較差。

動態網頁特點

以數據庫技術為基礎

動態頁面以數據庫技術為基礎，可以大大降低網站維護的工作量，采用動態網頁技術的網站，可以實現更多的功能，如用戶注冊、在線調查等。

頁面內容會發生改變

動態頁面的內容和顯示效果會隨著時間、環境或數據庫操作的結果而變化。為了形成相應的網頁，動態網站應該結合用戶的參數。在此期間，服務器和網絡的速度將影響網站的訪問速度。

需要用戶請求才返回完整的頁面

動態網頁實際上并不是獨立存在于服務器上的網頁文件，只有當用戶請求時服務器才返回一個完整的網頁。