首頁 web前端 html教學 網頁製作中使用規範的HTML程式碼的幾點_HTML/Xhtml_網頁製作

網頁製作中使用規範的HTML程式碼的幾點_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:44 PM
html spider 程式碼 使用 網頁 網頁製作 規範 錯誤 頁面


  許多網站設計者最常犯的錯誤便是當其網頁能夠在IE下正常顯示便認為其代碼正確無誤,甚至常看到有人在抱怨其網站排名不理想,到其網站簡單看一下便可發現HTML程式碼中充斥各種各樣的錯誤,在那樣的程式碼基礎上無論付出多少努力去優化網站結果都可能是付諸流水的啊!
  事實上,IE是一款對HTML程式碼容錯能力甚高的的瀏覽器,--說句題外話,儘管我們可以有各式各樣的理由可以攻擊微軟,但微軟對其產品操作的易手性和可用性所做的努力是不容抹殺的。 ——Web頁面能夠在IE下正常顯示絕不代表頁面的HTML程式碼沒有問題,甚至可以推而廣之,Web頁面在多種瀏覽器下均可正常顯示也不代表HTML程式碼完全合法有效,畢竟哪個瀏覽器都要保證基本的容錯的功能,不然,就會發生即使僅僅因為網絡傳輸中的一點導致導致HTML頁面顯示不正常了,而這在網絡頻寬仍然緊張的今天仍是頻繁發生的。
什麼是合法有效的HTML程式碼
  簡單說來,我們的Web頁面是由HTML(Hypertext Markup Language : 超文本連結標示語言)元素構成的,即使對於ASP、PHP之類的動態頁面,其也是由SERVER將ASP或PHP語句渲染成對應的HTML元素並下傳到客戶機上;對於JavaScript之類則由客戶端將其轉換為HTML。
  同其他語言一樣,HTML也有自己的語法規則,無論是瀏覽器還是搜尋引擎的Spider都在根據這些規則來分析網頁程式碼中的內容。但很多時候,即使對熟練人員來說,在HTML頁面建置時仍然難免出些HTML程式碼上的錯誤,更別提大部分所見即所得編輯器造成的HTML冗餘臃腫問題了。
  如果頁面中不存在違反HTML標準語法規範的成分,即可稱為合法有效的HTML代碼
合法有效的HTML程式碼對SEO的重要性
  要讓搜尋引擎收錄我們的網頁,--在此基礎上才能談網站優化網站推廣--其前提是要讓搜尋引擎的Spider能讀懂我們的Web檔。搜尋引擎Spider閱讀網頁的依據便是HTML規範,透過對HTML程式碼的分析,Spider才能判斷網頁內容,在此基礎上才能判斷針對對應關鍵字的相關性。
  需要明確的是,搜尋引擎Spider不同於瀏覽器的一點便是其容錯能力相對於瀏覽器要差不少,如果頁面代碼中存在其無法解釋的HTML代碼時,其便可能停止閱讀該頁面甚至可能停止在我們的網站內爬行,更嚴重的錯誤甚至會導致其同時也丟棄已經收集到的網站內其他頁面的內容資訊。
  儘管如今如大主要搜尋引擎也都在盡力提高Spider的容錯能力,讓其可以在HTML代碼出現一般性錯誤時不至影響對內容的收集。但很多時候,仍然會發生如漏了一個關閉標籤導致整個頁面的內容被忽略的情況。
  另一方面,合法有效的HTML也可以保證Web頁面可以在多種瀏覽器下被正確解釋,避免同一個頁面在IE下顯示正常在Mozilla下卻嚴重變形的情況(當然,不能完全避免),這對於提高網站的可用性方面也是有著極大好處的。
如何驗證HTML程式碼的合法有效?
  Internet有很多類似的免費服務可以幫我們驗證網頁程式碼是否合法有效,其中最著名的即是W3C HTML Validator ,這是由W3C( World Wide Web Consortium:萬維網聯盟)官方推出的免費服務項目,在其頁面上只需輸入待驗證的HTML位址或上傳一個在本機上的HTML檔案即可,其會很快返回校驗結果,是否無誤,如有錯誤分別為哪些及如何改進等。
  同時,W3C HTML Validator也提供對CSS檔案的驗證服務。
一定要通過W3C的驗證麼?
  對這個問題的答案則不那麼絕對。
  理論上說,合法的HTML程式碼能夠讓搜尋引擎的Spider在更容易收集網站頁面的內容資訊。但另一方面,並不是所有的HTML程式碼錯誤都會影響到Spider的爬行,也也就是是說,HTML存在少量的錯誤對Spider來說也是可接受的,那麼,一定要通過W3C認證麼?
  另一方面,如在Mark Daoust的測試中,甚至暗喻(未肯定地下結論)存在少量HTML代碼錯誤在頁面在Google排名中能更佔優勢,當然這存在很大爭議,但至少證明了存在少量HTML程式碼錯誤並不影響網頁在SERP的排名。
個人觀點,如果您對HTML相對不那麼熟悉的話,倒也不必強求非得100%通過W3C的驗證,畢竟把更多的時間與精力放到真正應該努力的方向如創建內容與鏈接才是根本,但要確保HTML程式碼中不存在大的嚴重性錯誤。當然,如果您對HTML語言較為精通,那麼,何妨稍花點功夫以確保其完全無誤呢?因此,我們要做的倒不一定非得通過W3C認證,但至少要保證其在各種瀏覽器下顯示正常,保證搜尋引擎的Spider能夠正常分析。
提高HTML程式碼的效率
  前文我們提說過很多所見即所得編輯器造成的HTML冗餘臃腫問題,這種情況在很多中文網站相當普遍。所見即所得編輯器如FrontPage、Dreamweaver,尤其在其對一個網頁進行修改的時候,往往會產生很多不必要的冗餘程式碼。當頁面的HTML檔案在有大量的冗餘程式碼時,檔案就會變得臃腫,這不但會降低網頁的開啟速度,損害到網頁的效率,同時也會嚴重影響到相當網頁的搜尋引擎排名。
  與其把精力投入到一定通過W3C認證上,個人認為,倒不如把更多的精力放到精減代碼上,如引入CSS等,以實現代碼的干淨簡潔。這樣的優化效果會更明顯。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1319
25
PHP教程
1269
29
C# 教程
1248
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles