您好,登錄后才能下訂單哦!
這篇文章主要介紹“Web前端必備基礎(chǔ)知識點有哪些”,在日常操作中,相信很多人在Web前端必備基礎(chǔ)知識點有哪些問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Web前端必備基礎(chǔ)知識點有哪些”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
因為要告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個文檔,所以在文檔的開頭要寫上文檔類型聲明,H5的文檔類型聲明要比H4文檔類型聲明簡潔的多。因為H5不基于SGML(標(biāo)準(zhǔn)通用標(biāo)記語言),所以不需要對DTD文檔類型定義)進(jìn)行引用,但是H4是基于SGML,必須對DTD進(jìn)行引用。H4的三種文檔類型聲明是:過渡模式,嚴(yán)格模式,框架模式。
HTML是HyperText Markup Language(超文本文本標(biāo)記標(biāo)簽語言),通過HTML,瀏覽器才能解析文檔,在頁面上顯現(xiàn)文檔的內(nèi)容和結(jié)構(gòu)。同時HTML
也是網(wǎng)絡(luò)三大基石之一:URL(統(tǒng)一資源定位符),HTTP(超文本傳輸協(xié)議)。超文本就是視頻,音頻和圖片。
HTML的行內(nèi)標(biāo)簽,塊級標(biāo)簽,空標(biāo)簽有哪些?
行內(nèi)標(biāo)簽:a b span img input select strong
塊級標(biāo)簽:div ul ol li dl dt dd h2-h7 p
空/單標(biāo)簽:br hr img link meta base source
如果你依然在編程的世界里迷茫,不知道自己的未來規(guī)劃,可以加入web前端學(xué)習(xí)交流群:731771211 里面可以與大神一起交流并走出迷茫。小白可進(jìn)群免費領(lǐng)取學(xué)習(xí)資料,看看前輩們是如何在編程的世界里傲然前行!群里不停更新最新的教程和學(xué)習(xí)方法(進(jìn)群送web前端系統(tǒng)學(xué)習(xí)路線,詳細(xì)的前端項目實戰(zhàn)教學(xué)視頻),有想學(xué)習(xí)web前端的,或是轉(zhuǎn)行,或是大學(xué)生,還有工作中想提升自己能力的,正在學(xué)習(xí)的小伙伴歡迎加入學(xué)習(xí)。
點擊: 加入
頁面導(dǎo)入外部樣式文件時,使用link和@import有什么區(qū)別?
(1)link屬于XHTML標(biāo)簽,除了加載CSS外,還可以定義RSS,定義rel連接屬性等作用;而@import是CSS提供的,只用用于加載CSS。
(2)頁面被加載時,link會同時被加載,而@import引用的CSS只能等頁面加載完才能加載。
(3)link無兼容性問題,而@import只能在IE5+上才被識別。
HTML和XHTML的區(qū)別?
(1)XHTML標(biāo)簽必須擁有根元素HTML
(2)標(biāo)簽必須被正確地嵌套
(3)標(biāo)簽必須正確關(guān)閉
(4)標(biāo)簽必須用小寫字母
(5)空標(biāo)簽頁必須關(guān)閉
(6)XHTML兼容性比較好
(7)XHTML不允許使用target="_blank"
(8)XHTML標(biāo)簽屬性值必須用引號
w3c的標(biāo)準(zhǔn)與標(biāo)簽語義化?
W3C標(biāo)準(zhǔn):
(1)所有的標(biāo)簽都使用小寫字母
(2)所有的屬性值都放在引號里
(3)標(biāo)簽正確嵌套/關(guān)閉
(4)符合HTML,CSS,JS的規(guī)則
(5)結(jié)構(gòu)層+表示層+行為層
遵循W3C標(biāo)準(zhǔn)和標(biāo)簽語義化有利于:
讓頁面更友好,支持更多的終端,讓更多的人可以使用互聯(lián)網(wǎng)獲得自己想要的信息。
(1)搜索引擎的搜索,有利于爬蟲抓取內(nèi)容
(2)支持多終端
(3)支持樣式布局讓站點支持個性化
(4)有利于開發(fā)和維護
(5)有利于降低成本
(6)提高用戶體驗
(7)頁面能更好的呈現(xiàn)內(nèi)容結(jié)構(gòu)
瀏覽器內(nèi)核的理解?
瀏覽器的內(nèi)核分為兩部分:渲染引擎和JS引擎,但是由于JS引擎越來越獨立了,所以內(nèi)核也就是傾向渲染引擎。但是因為各個瀏覽器的內(nèi)核不一樣,所以它們的渲染
引擎就不一樣,所以渲染出來的頁面也就不一樣,這就是為什么瀏覽器有差異性,為什么我們要去適配瀏覽器的兼容性。
瀏覽器的內(nèi)核有哪些?
firefox內(nèi)核:Gecko
IE TT 360 世界之窗 搜狗瀏覽器內(nèi)核:Trident
Opera:Presto 現(xiàn)為:Blink
Safari Chrome:Webkit
Chrome:blink
H5新特性+新語義化標(biāo)簽
HTML5不是SGML(標(biāo)準(zhǔn)通用標(biāo)記語言)的子集了,主要是關(guān)于圖像,位置,存儲多任務(wù)等功能的增加。
新語義化標(biāo)簽:
繪畫:canvas
視頻:video
音頻:audio
article footer header nav section calendar date time email url search
低端IE通過document.createElement方法添加標(biāo)簽
新特性:
客戶端存儲機制
cookie是網(wǎng)站為了標(biāo)示用戶身份而儲存在用戶本地終端上的數(shù)據(jù)(經(jīng)過加密)
cookie數(shù)據(jù)始終在同源的http請求中攜帶(即使不需要),在瀏覽器和服務(wù)器間來回傳遞。
sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存。
存儲大?。?/p>
cookie數(shù)據(jù)不能超過4k
sessionStorage和localStorage雖然也有存儲大小的限制,可以達(dá)到5m更大。
期限時間:
localStorage 瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非刪除數(shù)據(jù)
sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動刪除
作用域是限定在文檔源中,文檔源url是通過協(xié)議+主機+端口決定的,同文檔源可以共享數(shù)據(jù),不同文檔源不能共享
cookie 設(shè)置過期時間之前一直有效,即使窗口或瀏覽器關(guān)閉
cookie兼容性好,但是難用,是早期為服務(wù)器端腳本設(shè)計的客服端存儲機制
webworker提供一個簡單的方法使得web內(nèi)容能夠在后臺運行腳本。
websocket 標(biāo)簽頁之間的通信
1.地理位置API
地理位置API( https://www.w3.org/TR/geolocation-API/ )它能夠允許瀏覽器(用戶允許的情況下)檢測用戶的地理位置。
2.歷史管理API
它允許web應(yīng)用保存和更新它們的狀態(tài),以便當(dāng)用戶點擊瀏覽器的后退與前進(jìn)按鈕的時候,無需刷新頁面而立即做出響應(yīng)。
3.跨文檔消息傳遞
單位與字體
1.px:(Pixel)單位名稱像素,相對長度單位,是相對顯示器屏幕分辨率而言的。國內(nèi)使用的多。
2.em:單位名稱為相對長度單位,相對于當(dāng)前對象內(nèi)文本的字體尺寸。如果當(dāng)前對行內(nèi)文本的字體尺寸未被人設(shè)置,則相對于瀏覽器的默認(rèn)字體尺寸。國外使用的多。
3.pt:單位名稱為點(point),絕對長度單位一般老版本的table使用,現(xiàn)在已經(jīng)不用了。
4.rem:是CSS3中新增加的一個單位值,是相對長度單位。
em是相對于元素的父元素的font-size進(jìn)行計算。
rem是相對于根元素html的font-size進(jìn)行計算。
這樣rem就繞開了復(fù)雜的層級關(guān)系,實現(xiàn)了類似于em單位的功能。
CSS
盒子模型:
標(biāo)準(zhǔn)盒子(w3c盒子模型):content+padding+margin+border
IE盒子模型:content(padding+border+content)+margin
CSS選擇符?哪些屬性是可以繼承?
id# class. 標(biāo)簽 相鄰+ 子選擇器 > 后代選擇 li a 通配符* 屬性選擇器 偽類選擇器
可繼續(xù)的樣式:font-size font-family color ul li dl dd dt
不可繼承的樣式:border padding margin width height
CSS優(yōu)先級算法如何計算?
同級權(quán)重,遵循就近原則
載入樣式以最后載入的定位為
到此,關(guān)于“Web前端必備基礎(chǔ)知識點有哪些”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。