前端的入門現(xiàn)在基本是由hml和css組合寫靜態(tài)頁面開始奶躯,w3school官方已經(jīng)推出Hhtml5和css3新特性了,讓前端開發(fā)者書寫起來比較容易亿驾、簡單嘹黔,不過作為一個好的前端開發(fā)者更要遵循w3c官方標(biāo)準(zhǔn)去開發(fā)。
一莫瞬、HTML5
1.添加視頻Video和音頻Radio標(biāo)簽
2.添加canvas畫布和svg渲染矢量圖片
3.添加input表單控件(datetime儡蔓、datetime-local、week疼邀、date喂江、month、time)旁振、color获询、email、number拐袜、range吉嚣、search、tel蹬铺、url尝哆。
4.添加web存儲功能, localStorage本地離線可長期存儲數(shù)據(jù)甜攀,瀏覽器關(guān)閉后數(shù)據(jù)不丟失秋泄,sessionStorage數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除。
5.添加地理位置定位功能Geolocation
6.添加語義化更好的內(nèi)容標(biāo)簽hrader规阀、footer恒序、nav、section谁撼、article奸焙、aside、detailes彤敛、summary与帆、dialog。
7.添加拖拽釋放Drag and drop
8.添加web worker是運行在后臺的 JavaScript墨榄,獨立于其他腳本玄糟,不會影響頁面的性能。您可以繼續(xù)做任何愿意做的事情:點擊袄秩、選取內(nèi)容等等阵翎,而此時 web worker 在后臺運行逢并。
9.添加WebSocket
二、css3
1.添加邊框?qū)傩裕篵order-radius圓角郭卫、border-image圓角圖片
2.添加陰影屬性:box-shadow框陰影砍聊、text-shadow文本陰影
3.添加字體屬性:@font-face字體、text-wrap自動換行贰军、text-overflow檢索當(dāng)當(dāng)前行超過指定容器的邊界
4.添加選擇器:E:last-child 匹配父元素的最后一個子元素玻蝌、E:nth-child(n)匹配父元素的第n個子元素、E:nth-last-child(n) CSS3 匹配父元素的倒數(shù)第n個子元素E词疼。
5.添加背景屬性:background-size圖片設(shè)置大小俯树、background-origin設(shè)置定位區(qū)域、background-clip背景顏色的繪制區(qū)域贰盗、background-break控制背景怎樣在這些不同的盒子中顯示许饿。
6.添加轉(zhuǎn)換屬性(translate、rotate舵盈、scale陋率、skew、matrix秽晚、transform)翘贮、3D轉(zhuǎn)換(rotateX、rotateY)
7:添加動畫屬性:Transition爆惧、Transform狸页、Animation
8.添加媒體查詢:@media
9.添加多列布局