前端HTML以及HTML5基本內容

一个新手
發布: 2017-10-17 09:48:13
原創
1333 人瀏覽過

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

一、HTML的發展史

  1、概念

    超文本標記語言(HyperText Markup Language,簡稱HTML )是為[ 網頁建立和其他可在瀏覽器中看到的資訊] 設計的一種標記語言。

  2、相關發展歷程:
    * 超文本標記語言(第一版) --- 在1993年6月作為互聯網工程小組( IETF)工作草案發布(並非標準)

    * HTML2.0 --- 1995年11月作為RFC 1866發布,在RFC 2854於2000年6月發布之後被宣布已經過時

    * HTML3.2 --- 1996年1月14日,W3C建議標準

#    * HTML4.0 ---

##    * HTML4.0 ---

##    * HTML4.0 --- 1997年12月18日,W3C建議標準

    * HTML4.01(微小改進) --- 1999年12月24日,W3C推薦標準

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

    * XHTML 1.0 --- 發佈於2000年1月26日,是W3C推薦標準,後來經過修訂於2002年8月1日重新發布

#    * XHTML 1.1 --- 於2001年5月31日發布

    * XHTML 2.0 終止

  最終版)[ -- 2014年10月29日,萬維網聯盟淚流滿面地宣布,經過幾乎8年的艱辛努力,HTML5標準規範終於最終制定完成了,並已公開發布。

  3、HTML5的艱辛發展歷程

    HTML5草案的前身名為Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的HTML 工作團隊。

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

    2012年12月17日,萬維網聯盟(W3C)正式宣布凝結了大量網路工作者心血的HTML5規範已經正式定稿。根據W3C的發言稿稱:「HTML5是開放的Web網路平台的奠基石。」

    2013年5月6日, HTML 5.1正式草案公佈。此規範定義了第五次重大版本,第一次要修訂萬維網的核心語言:超文本標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助網路應用程式的作者,並努力提高新元素互通性。

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

    支援Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(Google瀏覽器),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 於2000年的1月26日成為 W3C (World Wide Web Consortium ,萬維網聯盟),檔案副檔名為xhtml.。

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

二、HTML4.01(HTML5新增的下一章在介紹)

  1、基本結構


     
   
登入後複製

   2、基本元素具體說明w3school上都有,我就不做具體說明了

    常用:html、head、meta、title、link、style、body、h1-h6、p、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。

    不常用:上面的這些基本上工作中用的比較多的,還有很多樣式標籤現在都不推薦使用了,我這裡就不介紹了。

   3、標準屬性

#    id、class、title、style、dir、lang

   4、事件屬性

 on  , onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

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

以上是前端HTML以及HTML5基本內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!