1. 程式人生 > >HTML最全語法概述、檔案的基本結構、Web標準(W3C)、基本標記

HTML最全語法概述、檔案的基本結構、Web標準(W3C)、基本標記

一、簡介
1.網頁是組成一個網站的最基本的元素,一個網站做的好不好,就要看網頁是如何編寫的
2.網際網路上的資訊,都是以網頁的形式來給大家進行呈現的,所以網頁實際上就是我們一個網站,或者網路資訊傳遞的載體。網頁檔案使用一種特殊的標記語言所寫的,這個標記語言的名稱:HTML(超文字標記語言 Hyper Text Markup language)
3.概念:Html是一種標記語言,不是程式語言,主要作用用於描述超文字內容顯示方式
4.發展歷史
1993.6 HTML 誕生
95.11,Html 2.0誕生
96.1.14 Html 3.2誕生(W3C(全球資訊網聯盟)推薦標準)
97.12.18 HTML 4.0
2008.1 HTML 5.0誕生
5.html 是一種標記語言,這種標記語言直接經過瀏覽器進行編譯和解釋。html本身的程式碼無法在瀏覽器中顯示,但是瀏覽器可以正確的顯示html中標記的內容。html從1.0發展到現在的5.0,發聲了很大的變化。最開始的1.0頂多支援文字,現在的5.0已經涵蓋了多種多媒體格式
6.html 5.0新增內容
1)新增更多的語義話的標記,是我們程式設計師在文件開發的時候更加清晰明確
2)推出了新的文件物件模型(DOM)
3)支援多媒體軟體直接播放
4)離線儲存
5)文件編輯
6)支援拖放
7)MIME型別和協議註冊
對於上訴很多的新功能,瀏覽器是關鍵(不是所有的瀏覽器都支援HTML5.0),支援HTML5.0的瀏覽器將會正確的解析HTML的標籤內容,而不支援的瀏覽器將自動忽略其標籤
7.HTML不是一種編輯語言,只是一種具備描述性的編輯語言,主要用於描述超文字中的內容和結構。
二、基本語法
1.<標記>文字內容/<標記> 標記符通常都是成對出現的,有開始標記,也有結束標記,結束標記的寫法,在開始標記的基礎上加上一個“/。(比如:在HTML中我們可以使用

來定義一個段落,使用
定義一個換行符,當瀏覽器讀到,他會將該標記組成的內容自動認為是一個段落。當遇到
,瀏覽器會自動換行)
三、HTML檔案的基本結構
1.一個完整的HEML檔案應該包含以下內容:標題、段落、列表、表格、文字,繪製的圖形以及其他的可插入到檔案中的各種嵌入物件(音訊、視屏……)
2.基本結構:




Title

	</body>
3.標記語言程式碼也是文字形式存在的,HEML檔案的拓展名: .html .htm 既然標記程式碼也是文字,那麼HTML檔案就可以使用普通文字工具直接編寫,比如:記事本,當然最好的是使用編輯工具(webStorm,deramweaver……) 4.HTML 中單標記和雙標記 所謂的單標記,就是沒有結束標記的標記,雙標記就是有開始,有結束的標記‘ 單標記的格式:<標記/> 常見的單標記:br,hr,img,input,link,param,source,base,area,commang,keygen,track…… 雙標記中,也有一部分可以省略結束標記,比如:
  • ,,,,,dt,dd,p,tr,td,th heml中還有一些可以完全省略的標記,這些標記中雖然省略了,但是不代表它不存在,比如:,,, 四、Web標準(W3C) 隨著網際網路行業不斷地發展,WEB技術可以說現在是整個行業的主流技術,然而,隨之慾來的各種型別以及各種版本的瀏覽器也越來越多,但是各大瀏覽器對HTML等網頁技術的各自支援,又各有差異,這個時候,網頁相容就非常令人鬱悶了。為了解決這種問題,W3C和一些其他的標準化機構就制訂了一系列的規範。 Web標準規範的內容 Web標準是一系列標準的集合,它認為網頁主要是由三個部分的內容組成:結構、表現、行為。W3C也就針對這三個部分制定了各自對應的標準 結構化標準語言:XHTML(可拓展超文字標記語言)、XML(可拓展標記語言) 表現標準語言:CSS(cascading style sheets)層疊樣式表 行為化標準 DOM(Document object Model 文件物件模型),根據W3C規範,DOM是一種瀏覽器,平臺,語言的介面,使得程式設計師可以輕鬆的訪問HEML頁面中的各種標記元件 ECMA Script(ECMA 制定指令碼語言標準的組織結構)ECMA Script就是一套由ECMA這個結構制定的指令碼標準,目前該標準被JAVAScript和JScript所遵從 五、HTML基本標記 HTML檔案中,最基本的組成元素,結構有:文件型別說明,HTML,文件開始標記,元資訊,文件主體標記和頁面註釋元素