前端HTML以及HTML5（基本标签）
前面一章介紹了一下前端的發(fā)展，這章簡單介紹一下html的發(fā)展以及基本的標(biāo)簽。
一、HTML的發(fā)展史
1、概念
超文本標(biāo)記語言（HyperText Markup Language，簡稱HTML）是為 [ 網(wǎng)頁創(chuàng)建和其他可在瀏覽器中看到的信息 ] 設(shè)計的一種標(biāo)記語言。
2、相關(guān)發(fā)展歷程：
* 超文本標(biāo)記語言（第一版） --- 在1993年6月作為互聯(lián)網(wǎng)工程小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）
* HTML2.0 --- 1995年11月作為RFC 1866發(fā)布，在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時
* HTML3.2 --- 1996年1月14日，W3C推薦標(biāo)準(zhǔn)
* HTML4.0 --- 1997年12月18日，W3C推薦標(biāo)準(zhǔn)
* HTML4.01（微小改進） --- 1999年12月24日，W3C推薦標(biāo)準(zhǔn)
* ISO/IEC 15445:2000("ISO HTML") --- 2000年5月15日發(fā)布，基于嚴(yán)格的HTML 4.01語法，是國際標(biāo)準(zhǔn)化組織和國際電工委員會的標(biāo)準(zhǔn)
* XHTML 1.0 --- 發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布
* XHTML 1.1 --- 于2001年5月31日發(fā)布
* XHTML 2.0 終止
* HTML5（最終版） ---?2014年10月29日，萬維網(wǎng)聯(lián)盟淚流滿面地宣布，經(jīng)過幾乎8年的艱辛努力，HTML5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了，并已公開發(fā)布。
3、HTML5的艱辛發(fā)展歷程
HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。
2012年12月17日，萬維網(wǎng)聯(lián)盟（W3C）正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱：“HTML5是開放的Web網(wǎng)絡(luò)平臺的奠基石。”
2013年5月6日， HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本，第一次要修訂萬維網(wǎng)的核心語言：超文本標(biāo)記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應(yīng)用程序的作者，努力提高新元素互操作性。
2014年10月29日，萬維網(wǎng)聯(lián)盟淚流滿面地宣布，經(jīng)過幾乎8年的艱辛努力，HTML5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了，并已公開發(fā)布。
支持Html5的瀏覽器包括Firefox（火狐瀏覽器），IE9及其更高版本，Chrome（谷歌瀏覽器），Safari，Opera等；國內(nèi)的 遨游瀏覽器（Maxthon），以及基于IE或Chromium（Chrome的工程版或稱實驗版）所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹 瀏覽器等國產(chǎn)瀏覽器同樣具備支持HTML5的能力。
4、xml、xhtml、html、三者關(guān)聯(lián)以及區(qū)別
HTML(HyperText Markup Language)，超文本標(biāo)記語言。“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素，“標(biāo)記”是指用特定的標(biāo)記符號來標(biāo)記要顯示的內(nèi)容的各個部分。超文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它被設(shè)計用來顯示數(shù)據(jù)。HTML文本就是我們通常所說的網(wǎng)頁，擴展名可以是html或htm。
XML(Extensible Markup Language)，可擴展標(biāo)記語言。XML是標(biāo)準(zhǔn)通用標(biāo)記語言的子集，是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語言，它被設(shè)計用來傳輸和存儲數(shù)據(jù)，是對超文本標(biāo)記語言的補充。可擴展標(biāo)記語言是一種元標(biāo)記語言，即定義了用于定義其他特定領(lǐng)域有關(guān)語義的、結(jié)構(gòu)化的標(biāo)記語言，這些標(biāo)記語言將文檔分成許多部件并對這些部件加以標(biāo)識。它能夠更精確地聲明內(nèi)容，方便跨越多種平臺的更有意義的搜索結(jié)果。它提供了一種描述結(jié)構(gòu)數(shù)據(jù)的格式，簡化了網(wǎng)絡(luò)中數(shù)據(jù)交換和表示，使得代碼、數(shù)據(jù)和表示分離，并作為數(shù)據(jù)交換的標(biāo)準(zhǔn)格式，因此它常被稱為智能數(shù)據(jù)文檔，文件擴展名為xml。
XHTML(Extensible HyperText Markup Language)，可擴展超文本標(biāo)記語言。XHTML基于可擴展標(biāo)記語言（XML）。XHTML就是一個扮演著類似HTML的角色的可擴展標(biāo)記語言（XML）。XHTML是一種增強了的HTML,XHTML 是更嚴(yán)謹(jǐn)更純凈的 HTML 版本。它的可擴展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。XML雖然數(shù)據(jù)轉(zhuǎn)換能力強大，完全可以替代HTML，但面對成千上萬已有的基于HTML語言設(shè)計的網(wǎng)站，直接采用XML還為時過早。因此，在HTML4.0的基礎(chǔ)上，用XML的規(guī)則對其進行擴展，得到了XHTML。所以，建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。XHTML 于2000年的1月26日成為 W3C （World Wide Web Consortium ，萬維網(wǎng)聯(lián)盟），文件擴展名為xhtml.。
總結(jié)：HTML、XML和XHTML都是標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集。HTML被設(shè)計用來顯示數(shù)據(jù)，其焦點是數(shù)據(jù)的外觀；XML被設(shè)計用來傳輸和存儲數(shù)據(jù)，其焦點是數(shù)據(jù)的內(nèi)容；XHTML是更嚴(yán)格更純凈的 HTML 版本，是作為一種 XML 應(yīng)用被重新定義的 HTML，設(shè)計的目的是為了取代HTML以適應(yīng)未來網(wǎng)絡(luò)更多的需求。它們都可以用來開發(fā)網(wǎng)頁，但就目前來看，網(wǎng)頁開發(fā)中HTML還是占絕對的主流，現(xiàn)在最新版本HTML5也備受推崇。可拓展標(biāo)記語言XML廣泛運用于各種應(yīng)用程序中數(shù)據(jù)的存儲（例如各種配置文件）和應(yīng)用程序間的數(shù)據(jù)傳輸，可以說是一項必須掌握的技術(shù)。至于可擴展超文本標(biāo)記語言XHTML，在2009年W3C已經(jīng)宣布停止了對XHTML2的開發(fā)，轉(zhuǎn)而大力支持HTML5。
二、HTML4.01（HTML5新增的下一章在介紹）
1、基本結(jié)構(gòu)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <body> 8 9 </body> 10 </html>2、基本元素（具體說明w3school上都有，我就不做具體說明了，鏈接：http://www.w3school.com.cn/tags/index.asp）
常用：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。
不常用：上面的這些基本上工作中用的比較多的，還有很多樣式標(biāo)簽現(xiàn)在都不推薦使用了，我這里就不介紹了。
3、標(biāo)準(zhǔn)屬性(鏈接：http://www.w3school.com.cn/tags/html_ref_standardattributes.asp)
id、class、title、style、dir、lang
4、事件屬性(鏈接：http://www.w3school.com.cn/tags/html_ref_eventattributes.asp)
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
總結(jié)：HTML 是一種在 Web 上使用的通用標(biāo)記語言。HTML 允許你格式化文本，添加圖片，創(chuàng)建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。（html是相對簡單的還有css，只要會基礎(chǔ)的html還有css就可以開始切靜態(tài)頁面了，所以說前端入門很簡單，難的是js）
下面我在介紹一下HTML5新增
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎
總結(jié)
以上是生活随笔為你收集整理的前端HTML以及HTML5（基本标签）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Bootstrap源码解读之栅格化篇
- 下一篇： 新建一个页面