html5改變了什么缩宜?
1.語(yǔ)義化標(biāo)簽粘都,原有的依靠div廓推、span標(biāo)簽+類名的方式被各式的html5標(biāo)簽取代
<header></header>
<section><article></article></section>
<nav></nav>
<aside></aside>
<footer><footer>
2.引入媒體標(biāo)簽
<video></video>
<audio></audio>
3.簡(jiǎn)化html頭部標(biāo)簽
css3改變了什么
1.響應(yīng)式設(shè)計(jì),原因是媒體查詢的引入翩隧,css可以根據(jù)客戶端的顯示情況設(shè)定合適的顯示策略
2.固定布局轉(zhuǎn)換成流式百分比布局受啥,變更公式:
百分比=父級(jí)原有固定寬度/元素原有固定寬度
寬度的相關(guān)值應(yīng)轉(zhuǎn)換成百分比寬度,比如:
margin-left,padding-left,width,left
高度的相關(guān)值、邊框仍保留固定px
height,border
字體改為em單位
font-size:1em ?//1em默認(rèn)為16px滚局,依然使用百分比大小
瀏覽器適配方案
漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)居暖,最佳實(shí)踐是以移動(dòng)端為標(biāo)準(zhǔn)方案,針對(duì)老舊瀏覽器使用增強(qiáng)腳本藤肢。