2.1 Web標准
Web標准,使得Web開發更加容易。Web標准由萬維網聯盟(W3C)制定。
2.1.1 Web標准概述
Web標准的最終目的就是保證每個人都有權力訪問相同的信息,同時,Web標准也可以使用站點開發更快捷與更令人愉快。如果web開發人員遵循了Web標准,開發人員可以更容易理解彼此的編碼,Web開發團隊的協作也會得到簡化。其優點如下:
1. 對於訪問者
(1)文件下載和內容顯示速度更快
(2)內容能被更多的用戶所訪問(如失明、弱視、色盲等殘障人士)
(3)內容能被更多的設備訪問(如屏幕閱讀機、手持設備、打印機等)
(4)用戶可通過樣式選擇定制自己的表現界面
(5)所有頁面都能提供適於打印的版本
2. 對於網站所有者
(1)更少的代碼和組件,更容易維護。
(2)帶寬要求降低(代碼更簡潔),成本降低
(3)更容易被搜索引擎搜索到
(4)改版方便,不需要更改面頁內容
(5)提供打印版本而不需要復制內容
2.1.2 Web標准規定的內容
WEB標准不是某一個標准,而是一系列標准的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標准也分三方面:結構化標准語言主要包括XHTML和XML,表現標准語言主要包括CSS,行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些標准大部分由萬維網聯盟(外語縮寫:W3C)起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。
1. 結構化標准語言
(1)XML
(2)XHTML
2. 表現標准語言
CSS層疊樣式表
3. 行為標准
(1)DOM
DOM,全稱 Document Object Model是一個使程序和腳本有能力動態地訪問和更新文檔的內容、結構以及樣式的平台和語言中立的接口。
(2)ECMAScript
ECMAScript是ECMA制定的標准腳本語言,這種語言在萬維網上應用廣泛,常被稱為JavaScript。
2.2 HTML5文檔的基本結構
2.2.1 HTML5文檔類型說明
<!doctype html> 聲明必須位於 HTML5 文檔中的第一行,也就是位於 <html> 標簽之前。該標簽告知瀏覽器文檔所使用的HTML規范。
HTML 4.01 中的!DOCTYPE需要對 DTD 進行引用,因為 HTML 4.01 基於標准通用標記語言。而HTML 5基於XML(標准通用標記語言的子集),因此不需要對 DTD 進行引用,但是需要!DOCTYPE來規范瀏覽器的行為(讓瀏覽器按照它們應該的方式來運行)。
例如:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>網頁文檔標題</title>
</head>
<body>文檔的內容</body>
</html>
2.2.2 HTML5標記< html >……< /html >
標記(或標簽)<html>,說明該文件是用超文本標記語言(本標簽的中文全稱)來描述的,<HTML>是文件的開頭;而</html>則表示該文件的結尾,它們是超文本標記語言文件的開始標記和結尾標記。
2.2.3 頭標記< head >……< /head >
<head></head>,這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和meta標記符,其中標題標記符用於定義網頁的標題,它的內容顯示在網頁窗口的標題欄中,網頁標題可被瀏覽器用作書簽和收藏清單。
2.2.4 網頁主體標記< body>……< /body >
<body> 元素定義文檔的主體。
<body> 元素包含文檔的所有內容,比如文本、超鏈接、圖像、表格、列表等等。
2.2.5 頁面注釋標記<!—注釋內容-->
HTML注釋由"<!--"號開始,由符號”-->“結束結束,例如<!--注釋內容-->。注釋內容可插入文本中任何位置。任何標記若在其最前插入驚嘆號,即被標識為注釋,不予顯示。