前端入門-HTML的發(fā)展歷史

969后，托德尼爾遜提出超文本的概念，IBM公司的Charkes Goklfard等設(shè)計(jì)出了通用記語言-GML。到1978年，美國國家標(biāo)準(zhǔn)局一工作組對GML 進(jìn)行了規(guī)范，推出了命名為SGML的通用標(biāo)記語言。1980年，ISO正式確定SGML為描述各種電子文件結(jié)構(gòu)及內(nèi)容的國際通用標(biāo)準(zhǔn)。

1990年，Tim Berners-Lee將他設(shè)計(jì)的初級瀏覽和編輯系統(tǒng)在網(wǎng)上合二為一，創(chuàng)建了一種快速小型的超文本語言來為他的想法服務(wù)。他設(shè)計(jì)了數(shù)十種乃至數(shù)百種未來使用的超文本格式，并想象智能客戶代理通過服務(wù)器在網(wǎng)上進(jìn)行輕松談判并翻譯文件。它同Macintosh的Claris XTND系統(tǒng)極為相似，不同的是它可以在任何平臺和瀏覽器上運(yùn)行。

最初的HTML語言以文字格式為基礎(chǔ)，可以用任何編輯器和文字處理器來為網(wǎng)絡(luò)創(chuàng)建或轉(zhuǎn)換文本，僅有不多的幾個(gè)標(biāo)簽。網(wǎng)絡(luò)從此迅猛發(fā)展，人們開始在網(wǎng)上發(fā)布信息。很快人們就開始琢磨在網(wǎng)上放置圖像和圖標(biāo)。

1993 年，NCSA推出了Mosaic，也就是第一個(gè)圖文瀏覽器，從此 Web開始迅速地發(fā)展起來。HTML語言也不斷產(chǎn)生新型、功能強(qiáng)大且生動(dòng)有趣的標(biāo)簽形式，例如<background>、<frame>、<font>和<blink>等。

但是此時(shí)，出現(xiàn)了許多不同的HTML版本，而只有設(shè)計(jì)者和用戶共有的HTML部分才可以正確的顯示。因此在這段時(shí)間，W3C都在激烈爭論名叫HTML3的新技術(shù)，該文件概括了所有全新的特性，沒有任何技術(shù)支持。出于這種混亂局面的考慮，在 1996年，W3C的HTML Working Group組織編寫了新的規(guī)范，從此 HTML 3.2開始發(fā)展，它更接近于現(xiàn)實(shí)的目標(biāo)，即提供給內(nèi)容商和瀏覽器發(fā)展商在研究工作中一個(gè)公允的參考標(biāo)準(zhǔn)。

1997年12月18日，W3C推薦標(biāo)準(zhǔn)：HTML 4.0，1999年12月24日，W3C推薦標(biāo)準(zhǔn)：HTML 4.01（微小改進(jìn)）。

到現(xiàn)在為止，HTML已經(jīng)發(fā)展到了HTML5版本，HTML5 技術(shù)結(jié)合了 HTML4.01 的相關(guān)標(biāo)準(zhǔn)并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在 2008 年正式發(fā)布。HTML5將Web帶入一個(gè)成熟的應(yīng)用平臺，在互聯(lián)網(wǎng)平臺上，視頻、音頻、圖像、動(dòng)畫以及與設(shè)備的交互都進(jìn)行了規(guī)范。

下篇：前端入門——html 文字格式、標(biāo)題與段落

們都知道，在項(xiàng)目開發(fā)過程當(dāng)中，開發(fā)的時(shí)間越長，所需要的資源和成本也就越高，因此，縮短開發(fā)時(shí)間可以大大節(jié)約成本。那么，在Web前端開發(fā)中如何才能縮短開發(fā)時(shí)間呢?小編給大家分享8個(gè)技巧。

1、使用框架

jQuery、rubyonrails、Django、Flask、Bootstrap……有多少框架可供Web開發(fā)社區(qū)使用，它們?nèi)匀环浅Ｓ杏茫梢源蟠罂s短開發(fā)時(shí)間。沒有花在編碼上的時(shí)間可以用來制作一個(gè)真正獨(dú)一無二的網(wǎng)站，它比競爭對手高得多。

2、PSD到HTML

實(shí)現(xiàn)獨(dú)特設(shè)計(jì)和節(jié)省時(shí)間的另一種方法是將PSD轉(zhuǎn)換為HTML。通過將Photoshop文件轉(zhuǎn)換為HTML，你可以避免使用千篇一律的Web模板。用戶將與之交互的前端將在視覺上令人愉悅，但轉(zhuǎn)換也可以相對簡單地由你自己完成，或者通過雇傭一名能夠完成轉(zhuǎn)換的開發(fā)人員來完成。這可以進(jìn)一步縮短開發(fā)時(shí)間。

3、使用IDE

集成開發(fā)環(huán)境(IDE)是你的團(tuán)隊(duì)使用相同資源的絕佳工具。現(xiàn)代IDE能夠?qū)⒛阈枰乃泄ぞ叻旁谝粋€(gè)應(yīng)用程序的保護(hù)傘下。當(dāng)團(tuán)隊(duì)使用時(shí)，項(xiàng)目管理變得更簡單，因?yàn)槊總€(gè)人都在閱讀與以前相同的腳本。IDE還具有改進(jìn)的調(diào)試功能、語法突出顯示和常用語言約定的自動(dòng)填充建議。

4、模塊化

你的項(xiàng)目是否需要高度可擴(kuò)展模塊化，如果做得正確，可能就是答案。模塊化是創(chuàng)建模塊化代碼塊的過程，而不是一個(gè)項(xiàng)目的整個(gè)腳本。通過將代碼分解為組件而不是大文件，可能需要更多的時(shí)間才能正確執(zhí)行，但在需要擴(kuò)展和更改組件時(shí)，通?？梢怨?jié)省時(shí)間。這可以在單個(gè)組件上完成，而不是在一個(gè)大文件上完成。

5、前端調(diào)試工具

現(xiàn)代瀏覽器確實(shí)使調(diào)試前端問題變得容易得多。但是，開發(fā)人員可以使用一些工具，使過程更加簡單。能夠快速發(fā)現(xiàn)和診斷問題無疑是一個(gè)優(yōu)勢，這就是這些工具的作用。這使得補(bǔ)救變得簡單得多。對于更關(guān)注后端操作的完整堆棧開發(fā)人員，強(qiáng)烈建議使用這些工具，尤其是在遇到瀏覽器兼容性問題時(shí)。

6、代碼重用性

開發(fā)人員將不可避免地發(fā)現(xiàn)，他們?nèi)諒?fù)一日地編寫相同的代碼，通常使用相同的腳本。學(xué)習(xí)常見的設(shè)計(jì)模式可以通過創(chuàng)建重復(fù)調(diào)用而不是重復(fù)編碼的函數(shù)、方法或?qū)ο髞韼椭鷾p少重復(fù)。

7、自動(dòng)化代碼格式化

通過標(biāo)準(zhǔn)化你的代碼格式，你不僅遵循了最佳實(shí)踐，而且當(dāng)你必須返回時(shí)，它使你的代碼更易于閱讀。自動(dòng)化工具只需點(diǎn)擊一個(gè)按鈕就可以做到這一點(diǎn)，從長遠(yuǎn)來看，它可以節(jié)省大量的時(shí)間。像CSS和HTML這樣的語言有很好的自動(dòng)化工具來實(shí)現(xiàn)這一目的。

8、項(xiàng)目管理工具

如果你在一個(gè)團(tuán)隊(duì)中工作，那么可以使用多種項(xiàng)目管理和生產(chǎn)率工具來提升所有相關(guān)人員的協(xié)作能力。其中許多工具可以輕松地與現(xiàn)有業(yè)務(wù)軟件集成，或者是根據(jù)某些開發(fā)原則(如敏捷)設(shè)計(jì)的，以更好地與使用這些原則的團(tuán)隊(duì)集成。這些工具有助于團(tuán)隊(duì)完成任務(wù)，并使項(xiàng)目步入正軌。

通過以上小技巧可以幫助你在前端開發(fā)中縮短開發(fā)時(shí)間

TML（HyperText Markup Language，超文本標(biāo)記語言）是一種用于定義網(wǎng)頁內(nèi)容的含義和結(jié)構(gòu)的標(biāo)記語言。除此之外，網(wǎng)頁還需要 CSS 描述網(wǎng)頁的展示效果和 JavaScript實(shí)現(xiàn)與用戶的交互性。它不是編程語言。

發(fā)明HTML

HTML 是由 Tim Berners-Lee 和同事 Daniel W.Connolly 于 1990 年創(chuàng)立的一種標(biāo)記語言。當(dāng)時(shí)，Tim Berners-Lee 發(fā)明了萬維網(wǎng)，并且為了方便閱讀網(wǎng)頁，又發(fā)明了 HTML、HTTP、URL，使用自制的瀏覽器去訪問網(wǎng)頁。HTML 中元素的設(shè)計(jì)深受 CERN 內(nèi)部的 SGML 為基礎(chǔ)的文件格式 SGMLguid影響。

HTML 的發(fā)展

在Tim Berners-Lee 與 1990年發(fā)明了 HTML 后，經(jīng)過了24年時(shí)間，到 2014年才發(fā)展到HTML 5，之間經(jīng)歷了HTML 2.0、HTML 3.2、HTML 4.0、HTML4.01，直到HTML 5 這幾個(gè)版本。

Tim Berners-Lee加入的互聯(lián)網(wǎng)工程任務(wù)組（IETF）于 1993 年發(fā)布首個(gè)HTML規(guī)范的提案，并于6個(gè)月后過期，IETF創(chuàng)建了一個(gè)HTML工作組，并在 1995年完成 HTML 2.0，這是第一個(gè)HTML規(guī)范，而之前的版本只是草案階段，非正式版本。

而之后HTML標(biāo)準(zhǔn)的發(fā)展因?yàn)楦偁幚嬖獾酵Ｐ?，因此，?1996 年開始，就一直由W3C組織維護(hù)HTML規(guī)范了，W3C 組織將標(biāo)準(zhǔn)化發(fā)布到 4.0版本后，終于在 2000年成為國際標(biāo)準(zhǔn)。

然而，發(fā)布了四個(gè)版本后，業(yè)界普遍認(rèn)為 HTML 已經(jīng)到了窮途末路，因此也將焦點(diǎn)轉(zhuǎn)移到了XML和XHTML上，因此，HTML迫切需要添加新功能，指定新規(guī)范，從而扭轉(zhuǎn)這一切。

就在這種情況下，一組人在 2004 年成立了 WHATWG，并創(chuàng)立了 HTML5 規(guī)范，同時(shí)也開始專門針對 Web 應(yīng)用開發(fā)新功能，Web 2.0 就是在這時(shí)被發(fā)明的。在 2006 年，W3C 又重新介入 HTML，并與 WHATWG 合作共同，最終在 2008 年發(fā)布了 HTML5 工作草案。而在 HTML 5 規(guī)范還未定稿的情況下，各大瀏覽器廠商都開始將自家產(chǎn)品升級以支持 HTML 5 的新功能了。最終在 2014 年 10月 28 日完成標(biāo)準(zhǔn)化。

HTML5

HTML 5 是基于各種各樣的理念進(jìn)行設(shè)計(jì)的，這些設(shè)計(jì)理念體現(xiàn)了對可能性和可行性的新認(rèn)識。但 HTML 5 并不是顛覆性的革新。而是要保持一切新特性平滑過渡。

因?yàn)樵?HTML 5 之前，在網(wǎng)頁上看視頻等，只能使用插件，如 Adobe 開發(fā)的 Flash，但瀏覽器廠商不想在自家產(chǎn)品上使用插件，因此，HTML 5 中的一個(gè)新特性就是讓瀏覽器直接處理那些原來要使用 Flash 的富內(nèi)容。

總結(jié)

HTML 經(jīng)過這些年的發(fā)展，已經(jīng)走向成熟，是前端開發(fā)中不可或缺的一環(huán)，而 HTML 5 標(biāo)準(zhǔn)還沒有到最終版本，現(xiàn)在仍處在完善階段。前端要學(xué)習(xí)的還有很多，大家要加油！

在線咨詢

上一篇：7.HTML中的列表、引用和代碼的使用
下一篇：建站要注意的對齊原則

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。