web專題：關(guān)于HTML的面試題了解一下?。▋?nèi)含福利）

時間：2023-09-06 21:30:01 | 來源：網(wǎng)站運營

時間：2023-09-06 21:30:01 來源：網(wǎng)站運營

web專題：關(guān)于HTML的面試題了解一下?。▋?nèi)含福利）：原文轉(zhuǎn)自朗妹兒公眾號，原文鏈接：Web| 關(guān)于HTML的面試題了解一下?。▋?nèi)含福利）

HTML

Web前端面試題及答案




1

Q：每個HTML文件里開頭都有個很重要的東西：<!DOCTYPE>這是干什么的嗎？




1

DOCTYPE標簽是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應(yīng)該使用什么樣的文檔類型定義（DTD）來解析文檔。

2

標準模式：排版樣式和js運行模式都是按該瀏覽器支持的最高標準運行。

3

兼容模式：頁面以寬松的向后兼容的方式顯示，模擬老式瀏覽器，防止站點無法工作







2







Q：Html4 和 Html5 有哪些不同, 新增的有哪些? 移除了哪些元素？

不同：HTML4是基于SGML的子集，需要在DOCTYPE里設(shè)置DTD，而HTML5不是SGML的子集，只需要寫<!DOCTYPE>

新增：

語義化元素—article、section、nav、header、footer、figure等

其他元素：video、audio、canvas

本地存儲：localStorage、sessionStorage

表單空間：time、email、search、number等

新技術(shù)：webworker、websocket、geolocation地理定位

移除：純表現(xiàn)的元素：basefont，big，center,font,s,strike,u

對可用性產(chǎn)生負面影響：frame、frameset、noframe







3

Q：如何處理HTML5新標簽的瀏覽器兼容問題？如何區(qū)分HTML和HTML5?




要支持HTML5標簽，IE9以下，在script里寫 document.createElement(‘header’) 同時css設(shè)置 header{display:block}，也可以直接用框架，如html5shiv

區(qū)分HTML和HTML5：DOCTYPE聲明、新增的結(jié)構(gòu)元素和功能元素




4







Q：SGML和DTD

SGML —標準通用置標語言，是定義電子文檔結(jié)構(gòu)和描述其內(nèi)容的國際標準語言

DTD — 文檔類型定義，可定義合法的標準通用標記語言，可擴展標記語言文檔構(gòu)建模塊







5




Q：Html5 如何讓一個div 旋轉(zhuǎn)?




Transform：rotate（30deg）







6







Q：你做的頁面在哪些瀏覽器試過？這些瀏覽器的內(nèi)核分別是什么？




使用Trident內(nèi)核的瀏覽器：IE、Maxthon、TT、The World等；

使用Gecko內(nèi)核的瀏覽器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；

使用Presto內(nèi)核的瀏覽器：Opera7及以上版本；

使用Webkit內(nèi)核的瀏覽器：Safari、Chrome。







7




Q:行內(nèi)元素有哪些？塊級元素有哪些？

行內(nèi)元素：a、b、span、i、em、strong、input等

塊級元素：div、ul、ol 、li、p、form、h1-h6等







8







Q：從輸入網(wǎng)址到顯示網(wǎng)頁的過程發(fā)生了什么？

簡化版：

1.瀏覽器開啟一個線程處理這個請求，將請求的URL交給域名解析系統(tǒng)DNS，找到對應(yīng)的IP，向服務(wù)器發(fā)起請求。

2.服務(wù)器交給后臺處理，完成后發(fā)揮數(shù)據(jù)，瀏覽器接收文件(html,js,css,img等)

3.瀏覽器對拿到資源進行語法解析，建立對應(yīng)的內(nèi)部數(shù)據(jù)結(jié)構(gòu)，如DOM樹

4.載入解析到的資源文件，渲染頁面，完成













9







Q：語義化標簽是什么？為什么要使用語義化標簽？

1.語義化標簽：如header,nav,footer,section等，標簽的意思就代表著頁面的結(jié)構(gòu)

2.為什么要使用語義化標簽：

A.可以讓頁面的內(nèi)容結(jié)構(gòu)化，結(jié)構(gòu)更清晰，方便瀏覽器和搜索引擎解析

B.即使在沒有css樣式的情況下，也以一種文檔格式顯示，容易閱讀,方便維護

C.便于搜索引擎爬蟲抓取，

D.對盲人設(shè)備友好







10







Q: Css和Html要注意什么？

1.減少無意義標簽使用，盡量使用語義化標簽，

2.css選擇器命名要盡量使用英文名，且用駝峰或’-’連接，要語義化

3.設(shè)置高度的時候，看情況是否寫死

4.html代碼的結(jié)構(gòu)要考慮數(shù)據(jù)渲染和后期擴展