前端HTML以及HTML5(基本標籤)

2021-09-26 19:53:27 字數 3461 閱讀 2053

前面一章介紹了一下前端的發展,這章簡單介紹一下html的發展以及基本的標籤。

1、概念

超文字標記語言(hypertext markup language,簡稱html)是為 [ 網頁建立和其他可在瀏覽器中看到的資訊 ] 設計的一種標記語言。

* 超文字標記語言(第一版) --- 在2023年6月作為網際網路工程小組(ietf)工作草案發布(並非標準)

* html2.0 --- 2023年11月作為rfc 1866發布,在rfc 2854於2023年6月發布之後被宣布已經過時

* html3.2 --- 2023年1月14日,w3c推薦標準

* html4.0 --- 2023年12月18日,w3c推薦標準

* html4.01(微小改進) --- 2023年12月24日,w3c推薦標準

* iso/iec 15445:2000("iso html") --- 2023年5月15日發布,基於嚴格的html 4.01語法,是國際標準化組織和國際電工委員會的標準

* xhtml 1.0 --- 發布於2023年1月26日,是w3c推薦標準,後來經過修訂於2023年8月1日重新發布

* xhtml 1.1 --- 於2023年5月31日發布

* xhtml 2.0 終止

* html5(最終版) --- 2023年10月29日,全球資訊網聯盟淚流滿面地宣布,經過幾乎8年的艱辛努力,html5標準規範終於最終制定完成了,並已公開發布。

3、html5的艱辛發展歷程

html 5 的第乙份正式草案已於2023年1月22日公布。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。

2023年12月17日,全球資訊網聯盟(w3c)正式宣布凝結了大量網路工作者心血的html5規範已經正式定稿。根據w3c的發言稿稱:「html5是開放的web網路平台的奠基石。」

2023年5月6日, html 5.1正式草案公布。該規範定義了第五次重大版本,第一次要修訂全球資訊網的核心語言:超文字標記語言(html)。在這個版本中,新功能不斷推出,以幫助web應用程式的作者,努力提高新元素互操作性。

2023年10月29日,全球資訊網聯盟淚流滿面地宣布,經過幾乎8年的艱辛努力,html5標準規範終於最終制定完成了,並已公開發布。

支援html5的瀏覽器包括firefox(火狐瀏覽器),ie9及其更高版本,chrome(谷歌瀏覽器),safari,opera等;國內的 遨遊瀏覽器(maxthon),以及基於ie或chromium(chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、qq瀏覽器、獵豹 瀏覽器等國產瀏覽器同樣具備支援html5的能力。

4、xml、xhtml、html、三者關聯以及區別

html(hypertext markup language),超文字標記語言。「超文字」就是指頁面內可以包含、鏈結,甚至**、程式等非文字元素,「標記」是指用特定的標記符號來標記要顯示的內容的各個部分。超文字標記語言是標準通用標記語言下的乙個應用,也是一種規範,一種標準,它被設計用來顯示資料。html文字就是我們通常所說的網頁,副檔名可以是html或htm。

xml(extensible markup language),可擴充套件標記語言。xml是標準通用標記語言的子集,是一種用於標記電子檔案使其具有結構性的標記語言,它被設計用來傳輸和儲存資料,是對超文字標記語言的補充。可擴充套件標記語言是一種元標記語言,即定義了用於定義其他特定領域有關語義的、結構化的標記語言,這些標記語言將文件分成許多部件並對這些部件加以標識。它能夠更精確地宣告內容,方便跨越多種平台的更有意義的搜尋結果。它提供了一種描述結構資料的格式,簡化了網路中資料交換和表示,使得**、資料和表示分離,並作為資料交換的標準格式,因此它常被稱為智慧型資料文件,擴充套件名為xml。

xhtml(extensible hypertext markup language),可擴充套件超文字標記語言。xhtml基於可擴充套件標記語言(xml)。xhtml就是乙個扮演著類似html的角色的可擴充套件標記語言(xml)。xhtml是一種增強了的html,xhtml 是更嚴謹更純淨的 html 版本。它的可擴充套件性和靈活性將適應未來網路應用更多的需求。xml雖然資料轉換能力強大,完全可以替代html,但面對成千上萬已有的基於html語言設計的**,直接採用xml還為時過早。因此,在html4.0的基礎上,用xml的規則對其進行擴充套件,得到了xhtml。所以,建立xhtml的目的就是實現html向xml的過渡。xhtml 於2023年的1月26日成為 w3c (world wide web consortium ,全球資訊網聯盟),擴充套件名為xhtml.。

總結:html、xml和xhtml都是標準通用標記語言的乙個子集。html被設計用來顯示資料,其焦點是資料的外觀;xml被設計用來傳輸和儲存資料,其焦點是資料的內容;xhtml是更嚴格更純淨的 html 版本,是作為一種 xml 應用被重新定義的 html,設計的目的是為了取代html以適應未來網路更多的需求。它們都可以用來開發網頁,但就目前來看,網頁開發中html還是佔絕對的主流,現在最新版本html5也備受推崇。可拓展標記語言xml廣泛運用於各種應用程式中資料的儲存(例如各種配置檔案)和應用程式間的資料傳輸,可以說是一項必須掌握的技術。至於可擴充套件超文字標記語言xhtml,在2023年w3c已經宣布停止了對xhtml2的開發,轉而大力支援html5。

二、html4.01(html5新增的下一章在介紹)

1、基本結構

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

="utf-8"

/>

5<

title

>

title

>

6head

>

7<

body

>89

body

>

10html

>

常用:html、head、meta、title、link、style、body、h1-h6、div、a、p、span、ul、li、dl、dt、dd、ol、img、table、thead、tbody、tfoot、tr、td、caption、i、b、form、label、input、button、textarea、selected、option、optgroup、script、frame、br、hr、em、strong。

id、class、title、style、dir、lang

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

總結:html 是一種在 web 上使用的通用標記語言。html 允許你格式化文字,新增,建立鏈結、輸入表單、框架和**等等,並可將之存為文字檔案,瀏覽器即可讀取和顯示。(html是相對簡單的還有css,只要會基礎的html還有css就可以開始切靜態頁面了,所以說前端入門很簡單,難的是js)

下面我在介紹一下html5新增

前端HTML5基本標籤

使用傢伙式 工欲善其事必先利其器,在開發時我們有乙個好的工具可以事半功倍.nopant 也可以寫但是效率低,我們可以使用hbuilder去編寫.並且在編寫介面的右邊還有開發檢視,這裡推薦使用hbuilderx,因為它優秀,不優秀不用 標籤介紹 有序標籤子標籤屬性標籤type 無序標籤 超連結herf...

HTML5基本介紹

一款強大的編輯軟體 webstorm或者 webstorm 1.1 webstorm常見快捷鍵 如何在webstorm中讓游標移動到當前行的末尾 如何在webstorm中讓游標移動到當前行的最前面 如何在webstorm中讓游標在多行中閃爍 如何在webstorm中快速的複製游標所在的那一行 如何在...

HTML5基本介紹

一款強大的編輯軟體 webstorm或者 webstorm 1.1 webstorm常見快捷鍵 如何在webstorm中讓游標移動到當前行的末尾 如何在webstorm中讓游標移動到當前行的最前面 如何在webstorm中讓游標在多行中閃爍 如何在webstorm中快速的複製游標所在的那一行 如何在...