前端HTML以及HTML5基本內容-js教程-PHP中文網

首頁

web前端

js教程

前端HTML以及HTML5基本內容

一个新手

Oct 17, 2017 am 09:48 AM

htmlhtml5基本

前面一章介紹了一下前端的發展，這章簡單介紹一下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、基本結構

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

　　　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中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript：探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。