這篇文章主要介紹“Web前端必備基礎(chǔ)知識(shí)點(diǎn)有哪些”，在日常操作中，相信很多人在Web前端必備基礎(chǔ)知識(shí)點(diǎn)有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Web前端必備基礎(chǔ)知識(shí)點(diǎn)有哪些”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的南平網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

因?yàn)橐嬷獮g覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔，所以在文檔的開頭要寫上文檔類型聲明，H5的文檔類型聲明要比H4文檔類型聲明簡(jiǎn)潔的多。因?yàn)镠5不基于SGML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言），所以不需要對(duì)DTD文檔類型定義）進(jìn)行引用，但是H4是基于SGML，必須對(duì)DTD進(jìn)行引用。H4的三種文檔類型聲明是：過渡模式，嚴(yán)格模式，框架模式。

HTML是HyperText Markup Language（超文本文本標(biāo)記標(biāo)簽語(yǔ)言），通過HTML，瀏覽器才能解析文檔，在頁(yè)面上顯現(xiàn)文檔的內(nèi)容和結(jié)構(gòu)。同時(shí)HTML

也是網(wǎng)絡(luò)三大基石之一：URL（統(tǒng)一資源定位符），HTTP（超文本傳輸協(xié)議）。超文本就是視頻，音頻和圖片。

HTML的行內(nèi)標(biāo)簽，塊級(jí)標(biāo)簽，空標(biāo)簽有哪些？

行內(nèi)標(biāo)簽：a b span img input select strong

塊級(jí)標(biāo)簽：div ul ol li dl dt dd h2-h7 p

空/單標(biāo)簽：br hr img link meta base source

如果你依然在編程的世界里迷茫，不知道自己的未來(lái)規(guī)劃，可以加入web前端學(xué)習(xí)交流群：731771211 里面可以與大神一起交流并走出迷茫。小白可進(jìn)群免費(fèi)領(lǐng)取學(xué)習(xí)資料，看看前輩們是如何在編程的世界里傲然前行！群里不停更新最新的教程和學(xué)習(xí)方法（進(jìn)群送web前端系統(tǒng)學(xué)習(xí)路線，詳細(xì)的前端項(xiàng)目實(shí)戰(zhàn)教學(xué)視頻），有想學(xué)習(xí)web前端的，或是轉(zhuǎn)行，或是大學(xué)生，還有工作中想提升自己能力的，正在學(xué)習(xí)的小伙伴歡迎加入學(xué)習(xí)。

點(diǎn)擊： 加入

頁(yè)面導(dǎo)入外部樣式文件時(shí)，使用link和@import有什么區(qū)別？

（1）link屬于XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS，定義rel連接屬性等作用；而@import是CSS提供的，只用用于加載CSS。

（2）頁(yè)面被加載時(shí)，link會(huì)同時(shí)被加載，而@import引用的CSS只能等頁(yè)面加載完才能加載。

（3）link無(wú)兼容性問題，而@import只能在IE5+上才被識(shí)別。

HTML和XHTML的區(qū)別？

（1）XHTML標(biāo)簽必須擁有根元素HTML

（2）標(biāo)簽必須被正確地嵌套

（3）標(biāo)簽必須正確關(guān)閉

（4）標(biāo)簽必須用小寫字母

（5）空標(biāo)簽頁(yè)必須關(guān)閉

（6）XHTML兼容性比較好

（7）XHTML不允許使用target="_blank"

（8）XHTML標(biāo)簽屬性值必須用引號(hào)

w3c的標(biāo)準(zhǔn)與標(biāo)簽語(yǔ)義化？

W3C標(biāo)準(zhǔn)：

（1）所有的標(biāo)簽都使用小寫字母

（2）所有的屬性值都放在引號(hào)里

（3）標(biāo)簽正確嵌套/關(guān)閉

（4）符合HTML,CSS,JS的規(guī)則

（5）結(jié)構(gòu)層+表示層+行為層

遵循W3C標(biāo)準(zhǔn)和標(biāo)簽語(yǔ)義化有利于：

讓頁(yè)面更友好，支持更多的終端，讓更多的人可以使用互聯(lián)網(wǎng)獲得自己想要的信息。

（1）搜索引擎的搜索，有利于爬蟲抓取內(nèi)容

（2）支持多終端

（3）支持樣式布局讓站點(diǎn)支持個(gè)性化

（4）有利于開發(fā)和維護(hù)

（5）有利于降低成本

（6）提高用戶體驗(yàn)

（7）頁(yè)面能更好的呈現(xiàn)內(nèi)容結(jié)構(gòu)

瀏覽器內(nèi)核的理解？

瀏覽器的內(nèi)核分為兩部分：渲染引擎和JS引擎，但是由于JS引擎越來(lái)越獨(dú)立了，所以內(nèi)核也就是傾向渲染引擎。但是因?yàn)楦鱾€(gè)瀏覽器的內(nèi)核不一樣，所以它們的渲染

引擎就不一樣，所以渲染出來(lái)的頁(yè)面也就不一樣，這就是為什么瀏覽器有差異性，為什么我們要去適配瀏覽器的兼容性。

瀏覽器的內(nèi)核有哪些？

firefox內(nèi)核：Gecko

IE TT 360 世界之窗 搜狗瀏覽器內(nèi)核：Trident

Opera：Presto 現(xiàn)為：Blink

Safari Chrome：Webkit

Chrome：blink

H5新特性+新語(yǔ)義化標(biāo)簽

HTML5不是SGML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）的子集了，主要是關(guān)于圖像，位置，存儲(chǔ)多任務(wù)等功能的增加。

新語(yǔ)義化標(biāo)簽：

繪畫：canvas

視頻：video

音頻：audio

article footer header nav section calendar date time email url search

低端IE通過document.createElement方法添加標(biāo)簽

新特性：

客戶端存儲(chǔ)機(jī)制

cookie是網(wǎng)站為了標(biāo)示用戶身份而儲(chǔ)存在用戶本地終端上的數(shù)據(jù)（經(jīng)過加密）

cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要），在瀏覽器和服務(wù)器間來(lái)回傳遞。

sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。

存儲(chǔ)大小：

cookie數(shù)據(jù)不能超過4k

sessionStorage和localStorage雖然也有存儲(chǔ)大小的限制，可以達(dá)到5m更大。

期限時(shí)間：

localStorage 瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非刪除數(shù)據(jù)

sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動(dòng)刪除

作用域是限定在文檔源中，文檔源url是通過協(xié)議+主機(jī)+端口決定的，同文檔源可以共享數(shù)據(jù)，不同文檔源不能共享

cookie 設(shè)置過期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉

cookie兼容性好，但是難用，是早期為服務(wù)器端腳本設(shè)計(jì)的客服端存儲(chǔ)機(jī)制

webworker提供一個(gè)簡(jiǎn)單的方法使得web內(nèi)容能夠在后臺(tái)運(yùn)行腳本。

websocket 標(biāo)簽頁(yè)之間的通信

1.地理位置API

地理位置API( https://www.w3.org/TR/geolocation-API/ )它能夠允許瀏覽器（用戶允許的情況下）檢測(cè)用戶的地理位置。

2.歷史管理API

它允許web應(yīng)用保存和更新它們的狀態(tài)，以便當(dāng)用戶點(diǎn)擊瀏覽器的后退與前進(jìn)按鈕的時(shí)候，無(wú)需刷新頁(yè)面而立即做出響應(yīng)。

3.跨文檔消息傳遞

單位與字體

1.px:（Pixel）單位名稱像素，相對(duì)長(zhǎng)度單位，是相對(duì)顯示器屏幕分辨率而言的。國(guó)內(nèi)使用的多。

2.em:單位名稱為相對(duì)長(zhǎng)度單位，相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如果當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。國(guó)外使用的多。

3.pt:單位名稱為點(diǎn)(point)，絕對(duì)長(zhǎng)度單位一般老版本的table使用，現(xiàn)在已經(jīng)不用了。

4.rem:是CSS3中新增加的一個(gè)單位值，是相對(duì)長(zhǎng)度單位。

em是相對(duì)于元素的父元素的font-size進(jìn)行計(jì)算。

rem是相對(duì)于根元素html的font-size進(jìn)行計(jì)算。

這樣rem就繞開了復(fù)雜的層級(jí)關(guān)系，實(shí)現(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)先級(jí)算法如何計(jì)算？

同級(jí)權(quán)重，遵循就近原則

載入樣式以最后載入的定位為

到此，關(guān)于“Web前端必備基礎(chǔ)知識(shí)點(diǎn)有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！