1. 程式人生 > >HTML介紹及其概念

HTML介紹及其概念

**介紹**

宣告:該文只記錄了部分內容,瞭解更多直接搜尋w3cschool網站查詢

 

網頁是組成一個網站的最基本的元素,一個網站做的好不好,就要看網頁是如何編寫的?

 

網際網路上的資訊,都是以網頁的形式來給大家進行呈現的,所以網頁實際上就是我們一個網站,或者網路資訊傳遞的載體。網頁檔案使用一種特殊的標記語言所寫的,這個標記語言的名稱:HTML(超文字標記語言 Hyper Text Markup language)

 

**Html的概念**

HTML是一種標記語言,不是程式語言,主要作用用於描述超文字內容顯示方式。

 

Html的發展歷史:

1993年的6月,HTML誕生

95年11月,HTML2.0誕生

96年1月14 HTML3.2誕生 (W3C(全球資訊網聯盟)推薦標準)

97年12月18 HTML4.0

2008年1月 HTML5.0誕生

 

**標記語言HTML**

HTML是一種標記語言,這種標記語言直接經過瀏覽器進行編譯和解釋

HTML雖然它本身的程式碼無法在瀏覽器中顯示,但是瀏覽器可以正確的顯示HTML中標記的內容。HTML從1.0發展到現在的5.0,可以說是經過了非常大的變化,最開始的1.0版本頂多支援文字,但是現在5.0支援的內容就非常的多了,比如:文字,圖片,視訊,音訊,甚至一些其他的多媒體的東西……

 

**HTML 5.0支援的新內容**

1、新增更多的語義話的標記,使文件結構更加清晰,明確

2、推出了新的文件物件模型(DOM)

3、支援多媒體軟體直接播放

4、離線儲存

5、文件編輯

6、支援拖放

7、MIME型別和協議註冊

……

當然對於上述的新功能,瀏覽器是關鍵(不是所有的瀏覽器都支援HTML5.0),支援HTML5.0的瀏覽器將會正確的解析HTML的標籤內容,而不支援的瀏覽器將自動忽略HTML5.0的程式碼

 

HTML不是一種程式語言,它只是一種具備描述性的標記語言,主要用於描述超文字中的內容和結構。

 

HTML中最基本的語法:<標記>文字內容</標記>   標記符通常來說都是成對出現,有開始標記,也有結束標記。結束標記的寫法,在開始標記的基礎上加上一個"/"。

 

比如:在HTML中,我們可以使用<p></p>標記符來定義一個段落,使用<br/>定義一個換行符,當瀏覽器讀到<p></p>,它會將該標記中組成的內容自動認為是一個段落。當遇到<br/>,瀏覽器會自動換行。

 

**HTML檔案的基本結構**

一個完整的HTML檔案應該包含以下內容:標題,段落,列表,表格,文字,繪製的圖形以及其他的可插入到檔案中的各種嵌入物件(視訊,音訊……)

一個HTML檔案,最基本的結構如下:   

<!DOCTYPE html>

<html lang="en">

<head>

     <meta charset="UTF-8">

     <title>Title</title>

</head>

<body>



</body>

</html>

標記語言程式碼也是文字形式存在的,HTML檔案的副檔名:.html   .htm      既然標記程式碼也是文字,那麼HTML檔案就可以使用普通文字工具直接編寫,比如:記事本,當然最好是使用編輯工具(webstrom,dreamweaver……)

 

**HTML中單標記和雙標記**

所謂的單標記,就是沒有結束標記的標記。雙標記,就是有開始,有結束的標記。

HTML單標記的格式:<標記/>

常見的單標記有:br,hr,img,input,link,param,source,base,area,command,keygen,track……

 

雙標記中,也有一部分可以省略結束標記

比如:<li>,<option>,<thead>,<tbody>,<tfoot>,dt,dd,p,tr,td,th

 

HTML中還有一些可以完全省略的標記,這些標記雖然省略了,但是不代表它不存在,比如:<html>,<head>,<body>,<tbody>

 

 

**WEB標準(W3C**

隨著網際網路行業不斷的發展,WEB技術可以說現在是整個行業的主流技術,然而隨之慾來的各種型別,以及各種版本的瀏覽器也越來越多,但是各大瀏覽器對HTML等網頁技術的各自支援,又各有差異,這個時候,網頁相容就非常令人鬱悶了。為了解決這種問題,W3C和一些其他的標準化機構就制定了一系列的規範。

 

**WEB標準規範的內容:**

WEB標準,是一系列標準的集合,它認為網頁主要應該由三個部分的內容組成:結構,表現,行為;W3C也就針對這3個部分制定了各自對應的標準

 

**結構化標準語言:** 

XHTML(可擴充套件超文字標記語言),XML(可擴充套件標記語言),HTML(超文字標記語言)

 

**表現標準語言:**

CSS(cascading style sheets)層疊樣式表

 

**行為化標準:**

DOM(Document Object Model 文件物件模型),根據W3C規範,DOM是一種瀏覽器,平臺,語言的介面,使用程式設計師可以訪問HTML頁面中的各種標記元件

 

ECMAScript(ECMA 制定指令碼語言標準的組織結構),ECMAScript就是一套由ECMA這個結構制定的指令碼標準。目前該標準被JavaScript和JScript所遵從。