日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

前端HTML以及HTML5(基本标签)

發布時間:2023/12/2 HTML 53 豆豆
生活随笔 收集整理的這篇文章主要介紹了 前端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(基本标签)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。