整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團(tuán)隊(duì)。
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)。在這個(gè)版本中，新功能不斷推出，以幫助Web應(yīng)用程序的作者，努力提高新元素互操作性。
本次草案的發(fā)布，從2012年12月27日至今，進(jìn)行了多達(dá)近百項(xiàng)的修改，包括HTML和XHTML的標(biāo)簽，相關(guān)的API、Canvas等，同時(shí)HTML5的圖像img標(biāo)簽及svg也進(jìn)行了改進(jìn)，性能得到進(jìn)一步提升。
HTML5 的瀏覽器兼容
支持Html5的瀏覽器包括Firefox(火狐瀏覽器)，IE9及其更高版本，Chrome(谷歌瀏覽器)，Safari，Opera等;國內(nèi)的 遨游瀏覽器(Maxthon)，以及基于IE或Chromium(Chrome的工程版或稱實(shí)驗(yàn)版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹 瀏覽器等國產(chǎn)瀏覽器同樣具備支持HTML5的能力。
HTML5 語法
內(nèi)容類型(ContentType)HTML5的文件擴(kuò)展符與內(nèi)容類型保持不變，仍然為".html"或".htm"。DOCTYPE聲明不區(qū)分大小寫指定字符集編碼meta charset="UTF-8"可省略標(biāo)記的元素不允許寫結(jié)束標(biāo)記的元素：br、col、embed、hr、img、input、、link、meta
可以省略結(jié)束標(biāo)記的元素：li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
可以省略全部標(biāo)記的元素：html、head、body、colgroup、tbody省略引號屬性值可以使用雙引號，也可以使用單引號。
HTML5 新增語義化標(biāo)簽
section元素 表示頁面中的一個(gè)內(nèi)容區(qū)塊
article元素 表示一塊與上下文無關(guān)的獨(dú)立的內(nèi)容
aside元素 在article之外的，與article內(nèi)容相關(guān)的輔助信息
header元素 表示頁面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁面的標(biāo)題
footer元素 表示頁面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁面的腳注
nav元素 表示頁面中導(dǎo)航鏈接部分
figure元素 表示一段獨(dú)立的流內(nèi)容，使用figcaption元素為其添加標(biāo)題(第一個(gè)或最后一個(gè)子元素的位置)
main元素 表示頁面中的主要的內(nèi)容 (ie不兼容)
兼容低版本瀏覽器：
Video和audio的應(yīng)用
video元素 定義視頻Video元素audio元素 定義音頻Audio元素
controls屬性：如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。
autoplay屬性：如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。
loop屬性：重復(fù)播放屬性。
muted屬性：靜音屬性。
poster屬性：規(guī)定視頻正在下載時(shí)顯示的圖像，直到用戶點(diǎn)擊播放按鈕。
起前端很多人都會(huì)想到HTML、CSS等，今天給大家分享下前端的一個(gè)進(jìn)化史。
首先我們來了解一下瀏覽器的一個(gè)發(fā)展歷史
1、1991年，WorldWideWeb瀏覽器發(fā)布，這款可以說是祖父級別的，它是全球用戶最早注冊的WEB瀏覽器，WorldWideWeb開發(fā)始于20世紀(jì)80年代末，之后10年間經(jīng)過MTV的宣傳以及Commodore 64的完善，終于在1991年這個(gè)有跨時(shí)代意義的Web瀏覽器發(fā)布了。WorldWideWeb原理很簡單，可以顯示基本的樣式表。
2、1992年，Erwise發(fā)布，他被稱為世界上第一個(gè)圖形網(wǎng)頁瀏覽器，它是由赫爾辛基科技大學(xué)的4個(gè)芬蘭學(xué)生開發(fā)，主要是針對在Unix上運(yùn)行 XWindows的需要。ViolaWWW，它是最高老的瀏覽器之一，在1992年5月份發(fā)布，它的開發(fā)者是美國加州大學(xué)的學(xué)生Pei-Yuan Wei，他的目的和Erwise一樣是針對在Unix上運(yùn)行 X Windows的需要。MidasWWW也是1992年發(fā)表的，它是由托尼約翰遜在斯坦福線型加速器中心研發(fā)的。Lynx首發(fā)也是在1992年，它提供了一個(gè)語音轉(zhuǎn)換接口為視覺和聽覺障礙的人群提供了很好的功能。
3、1993年，Mosaic1.0發(fā)布，Mosaic可以說在一定程度上升華了Erwise的圖形化，并且將圖形化瀏覽器推向了萬維網(wǎng)的主流。Arena瀏覽器是第一個(gè)支持背景圖片，表格、文字繞流圖片和內(nèi)嵌數(shù)學(xué)表達(dá)式的瀏覽器，支持背景圖片，表格等。
4、1994年，Cello發(fā)布，他支持的就比較多了，WorldWideWeb、Gopher、FTP、CSO/ph/qi、Usenet News retrieval以及其他的一些協(xié)議，他當(dāng)時(shí)成為了Windows平臺上第一款瀏覽器。IBM WebExplorer也在同年發(fā)布，IBM推出自己的操作系統(tǒng)，WebExplorer也是強(qiáng)行捆綁在了他的系統(tǒng)系統(tǒng)上。Netscape Navigator它是一款獨(dú)立的瀏覽器，而其在當(dāng)時(shí)他的市場份額遠(yuǎn)遠(yuǎn)超過了微軟的Internet Explorer。
5、1995年，IE發(fā)布，瀏覽器之戰(zhàn)也就此爆發(fā)。微軟的Internet Explorer在此年首次推出，為了打造最好的瀏覽器，微軟的源代碼從Mosaic上獲益匪淺，學(xué)習(xí)并迅速開始調(diào)整自己的瀏覽器，IE早期并沒有捆綁在Window95上，而是作為Window95插件包的一部分進(jìn)行捆綁，當(dāng)時(shí)他只有1M大小。IE2在同年晚些時(shí)間發(fā)布，微軟當(dāng)時(shí)聲稱這是一個(gè)跨平臺的瀏覽器，支持Window和Mac，IE2也加入了支持JavaScript的潮流中，它支持安全套接字層（SSL），Cookie和包括英語在內(nèi)的12種語言。IE3正式捆綁在了Windows 95OSR2中，它是第一個(gè)支持CSS的主流瀏覽器，IE3擺脫了Spyglass源代碼的局限，開始支持ActiveX控件，Java小程序，和Internet郵件。
6、1996年，Opera發(fā)布，Telenor是挪威最大的通訊公司，他們推出了Opera，并在兩年后進(jìn)軍移動(dòng)市場，推出了Opera的移動(dòng)版
7、1997年，IE4伴隨著Windows 98操作系統(tǒng)一起發(fā)布。在發(fā)布Window Xp之前發(fā)布了IE6，并且新系統(tǒng)中包括了瀏覽器的最新升級補(bǔ)丁。隨后IE逐漸占據(jù)了市場絕大部分份額。其他瀏覽器敗下陣來。
8、1998年，Netscape瀏覽器走向開源，和IE之爭最后以失敗告終。
9、2003年，蘋果Safari瀏覽器發(fā)布，蘋果進(jìn)入瀏覽器市場推出了自己的Webkit引擎，該引擎非常優(yōu)秀，后來被Google，Nokia之類的廠商用于手機(jī)瀏覽器。
10、2004年，F(xiàn)irefox引發(fā)了第二場瀏覽器之爭
11、2006年，IE7發(fā)布，IE6發(fā)布的第六年，迫于Firefox的壓力，微軟匆匆推出IE7應(yīng)戰(zhàn)，吸取了Firefox的一些設(shè)計(jì)思想。
12、2008年，Google的Chrome參戰(zhàn)，Google發(fā)布了他們自己的瀏覽器，以輕量級，快，異常的穩(wěn)固讓這款瀏覽器成為了一個(gè)不可輕視的對手。
以上就是瀏覽器的一個(gè)大致發(fā)展歷程了。接下來看看HTML的一個(gè)發(fā)展史。
HTML（超文本標(biāo)記語言——HyperText Markup Language）是構(gòu)成 Web 世界的基石。HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁、網(wǎng)頁應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。
1、1993年6月互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）
2、1995年11月作為RFC 1866發(fā)布 HTML2.0
3、1997年1月14日，HTML3.2，W3C推薦標(biāo)準(zhǔn)
4、1997年12月18日，HTML4.0，W3C推薦標(biāo)準(zhǔn)
5、1999年12月24日，HTML4.01，W3C推薦標(biāo)準(zhǔn)（這次有了微小的改進(jìn)）
6、2014年10月28日，HTML5發(fā)布，W3C推薦標(biāo)準(zhǔn)
下面我們來看CSS的發(fā)展史
1、1996年12月，W3C推出CSS第一個(gè)版本
2、1998年，W3C發(fā)布了CSS第二個(gè)版本
3、2001年5月，W3C開始進(jìn)行CSS3的標(biāo)準(zhǔn)制定，但是到目前為止該標(biāo)準(zhǔn)還沒有搞定。
接著我們來看JavaScript的發(fā)展史
1、1992年，一家稱作Nombas的功法開發(fā)了一種叫做C減減（C-minus-minus）的嵌入式腳本語言，并將這個(gè)語言捆綁在一個(gè)可嵌入到瀏覽的CEnvi的共享軟件中，代表了萬維網(wǎng)上使用的客戶端語言。
2、1995年，LiveScript發(fā)布，后面重命名為JavaScript
3、1997年，JavaScript1.1 作為一個(gè)起草提交給歐洲計(jì)算機(jī)制造商協(xié)會(huì)（ECMA），ECMA指派由來自Netscape，Sun，微軟，Borland和其他一些對腳本編程感興趣的公司的程序員組成的第39技術(shù)委員會(huì)（TC39）錘煉出了ECMA-262，該標(biāo)準(zhǔn)定義了一個(gè)名為ECMAScript的全新腳本語言。
以上就先整理這么多吧，更多的內(nèi)容在后續(xù)后推出，有想法的朋友可以在下面評論，或者有好的建議也可以評論下方，如果你有更好的看法或者意見可以告訴我。更多干貨文章后續(xù)持續(xù)推出。
多小伙伴們在催更讓聊聊前端。
我之前說過了，現(xiàn)在的前端涉及到的技術(shù)超多，所以我一直在往后放它，因?yàn)槲易鱑P的目的就是想作些短視頻，不想長篇大論。但是既然小伙伴們非常感興趣，今天咱們就好好聊聊前端，我還是以回顧我的開發(fā)經(jīng)歷為主，咱們梳理下WEB前端技術(shù)的發(fā)展史。
WEB==網(wǎng)站，網(wǎng)站的前端=網(wǎng)頁HTML
前端這個(gè)詞就是從那時(shí)候出現(xiàn)的,再早的EXE開發(fā)是不分前后端的,都是VC/DELPHI程序員一個(gè)人開發(fā),你也可以理解成之前說的混合開發(fā)模式.
前端!=前臺,咱們現(xiàn)在說的前臺/后臺都是指業(yè)務(wù)操作層面,而不是技術(shù)層面.
前端,后端是技術(shù)層面
還是回到2000年，
上次說過了后端或者說混合開發(fā)那三架馬車：JSP,ASP,PHP
WEB前端的三架馬車fireworks,flash,dreamweaver
其中用DW來開發(fā)HTML(DOM)/CSS/JS/jQuery
現(xiàn)在好用的WEB前端IDE:
JetBrains的WebStorm,微軟的VS Code
=======老前端========
H5時(shí)代(WEB2.0)
HTML5/CSS3/TypeScript(它是實(shí)現(xiàn)ES標(biāo)準(zhǔn)比較好的前端腳本語言)
前端面試經(jīng)常問:H5和HTML的區(qū)別是什么?
很多人回答多了些新標(biāo)簽.這回答,呵呵
H5比HTML多出來的東西是技術(shù)層面上的,而不是幾個(gè)<標(biāo)記>.
比如H5有了WebGL(是OpenGL的WEB版=JS+canvas開發(fā)游戲)
多線程
websocket
前端SQL
多種storerage
這個(gè)我不細(xì)查了,大家可以搜索下.
CSS開發(fā)也可以像編程那樣來開發(fā)CSS了,lass,sass,stylus
定義變量,循環(huán),判斷啥的,一打包就替你生成css
TypeScript對于老前端是最難掌握的,因?yàn)樗蚃S基本就不是一個(gè)東西了,好吧.
反倒是Java后端學(xué)TypeScript非常快,老JS前端學(xué)起來慢.核心就是面向?qū)ο?當(dāng)然語法上TS也更像JAVA
H5移動(dòng)端的概念
CSS3 媒體查詢=自適應(yīng)窗口
所以可以根據(jù)窗口尺寸來判斷你是PC還是手機(jī)(移動(dòng)端)
根據(jù)手機(jī)窗口編寫的H5網(wǎng)頁就稱為H5移動(dòng)端.
咱們以后要講App幾大開發(fā)框架,在此要明白H5移動(dòng)端并不等于App,H5移動(dòng)端是App的一種前端開發(fā)方式,這個(gè)以后再講.
前端自動(dòng)化工具:gulp,grunt,webpack(現(xiàn)在基本都是這個(gè)了)
現(xiàn)在的瀏覽器不能直接運(yùn)行TypeScript,lass,sass,stylus,所以需要有個(gè)打包的過程,打包=將新語言編寫的代碼編譯成js,css.這兩個(gè)是傳統(tǒng)技術(shù),現(xiàn)在的瀏覽器都能直接運(yùn)行它們
UI框架:也就是界面庫,比較早的有easyui(OFFICE風(fēng)格)
LayUI(作PC后臺)
MUI,SUI,WEUI(微信)(H5移動(dòng)端頁面)
前端開發(fā)框架:vue國產(chǎn),谷歌的angularjs,angular(NG)這完全是兩個(gè)東西,facebook的Reactjs(react的前端部分,后端叫ReactNative這個(gè)咱們到App開發(fā)框架時(shí)再提.
reactjs的渲染機(jī)理和DOM不同,但是語法也是標(biāo)記語言)
現(xiàn)在不管是大城市還是小城市對前端的招聘量都是巨大的,薪水高高的,但是合格的新老前端特別難招,原因就是剛才說的老前端還好說些,但是新老前端都會(huì)的非常少,剛畢業(yè)的不會(huì)這么多,需要時(shí)間來積累.
來個(gè)總結(jié):
合格的前端要掌握的技術(shù)
HTML,CSS,JS,JQ,HTML5,CSS3,TypeScript,AJAX,JSON,WebSocket,WebGL,前端存儲(sql,storerage),UI框架(easyui,layui,mui,weui,aui,這個(gè)UI那個(gè)UI)三大前端框架zepto,Vue,NG,ReactJS
前端的東西相當(dāng)多,我今天應(yīng)該肯定沒說全,歡迎大家在評論里補(bǔ)充.
今天就聊到這里,謝謝大家觀看,下次一定,再見
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
