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