前端HTML以及HTML5(基本标签)
前面一章介紹了一下前端的發展,這章簡單介紹一下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 --- 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 終止
* HTML5(最終版) ---?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)。在這個版本中,新功能不斷推出,以幫助Web應用程序的作者,努力提高新元素互操作性。
2014年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),超文本標記語言?!俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接,甚至音樂、程序等非文字元素,“標記”是指用特定的標記符號來標記要顯示的內容的各個部分。超文本標記語言是標準通用標記語言下的一個應用,也是一種規范,一種標準,它被設計用來顯示數據。HTML文本就是我們通常所說的網頁,擴展名可以是html或htm。
XML(Extensible Markup Language),可擴展標記語言。XML是標準通用標記語言的子集,是一種用于標記電子文件使其具有結構性的標記語言,它被設計用來傳輸和存儲數據,是對超文本標記語言的補充??蓴U展標記語言是一種元標記語言,即定義了用于定義其他特定領域有關語義的、結構化的標記語言,這些標記語言將文檔分成許多部件并對這些部件加以標識。它能夠更精確地聲明內容,方便跨越多種平臺的更有意義的搜索結果。它提供了一種描述結構數據的格式,簡化了網絡中數據交換和表示,使得代碼、數據和表示分離,并作為數據交換的標準格式,因此它常被稱為智能數據文檔,文件擴展名為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也備受推崇??赏卣箻擞浾Z言XML廣泛運用于各種應用程序中數據的存儲(例如各種配置文件)和應用程序間的數據傳輸,可以說是一項必須掌握的技術。至于可擴展超文本標記語言XHTML,在2009年W3C已經宣布停止了對XHTML2的開發,轉而大力支持HTML5。
二、HTML4.01(HTML5新增的下一章在介紹)
1、基本結構
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。
不常用:上面的這些基本上工作中用的比較多的,還有很多樣式標簽現在都不推薦使用了,我這里就不介紹了。
3、標準屬性(鏈接: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
總結:HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本,添加圖片,創建鏈接、輸入表單、框架和表格等等,并可將之存為文本文件,瀏覽器即可讀取和顯示。(html是相對簡單的還有css,只要會基礎的html還有css就可以開始切靜態頁面了,所以說前端入門很簡單,難的是js)
下面我在介紹一下HTML5新增
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎
總結
以上是生活随笔為你收集整理的前端HTML以及HTML5(基本标签)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Bootstrap源码解读之栅格化篇
- 下一篇: IE浏览器支持响应式网站设计