前端面試題!

2022-06-05 22:12:10 字數 1266 閱讀 2585

前端面試題集錦——html 篇

step 1:先舉例說明 html 語義化簡單來說就是用正確的標籤來做正確的事。

比如表示段落用 p 標籤、表示標題用 h1-h6 標籤、表示文章就用 article 等。

step 2:說說為什麼需要使用語義化標籤

當前:專業的前端開發應該使用合適的標籤來表達正確含義的頁面結構 讓頁面具有良好的結構和含義,可以有效提高:可訪問性:幫助輔助技術更好的閱讀和轉譯你的網頁,利於無障礙閱讀;

可檢索性:有了良好的結構和語義,可以提高搜尋引擎的有效爬取,提高**流量;

國際化:通用的語義化標籤可以讓各國開發者更容易弄懂你網頁的結構;

互用性:減少網頁間的差異性,幫助其他開發者了解你網頁的結構,方便後期開發和維護

頭部標籤!

導航欄標籤!

主體標籤!

文章標題標籤!

標籤定義文件中的節(section、區段)。比如章節、頁首、頁尾或文件中的其他部分。

aside的內容可用作文章的側欄。

底部標籤

time標籤

標籤定義公曆的時間(24 小時制)或日期,時間和時區偏移是可選的。

該元素能夠以機器可讀的方式對日期和時間進行編碼,這樣,舉例說,使用者**能夠把生日提醒或排定的事件新增到使用者日程表中,搜尋引擎也能夠生成更智慧型的搜尋結果。

我是高亮的文字

step 1:使用目的 是為了在移動端不讓使用者縮放頁面使用的

step 2:怎麼寫

step 3:解釋每個單詞的含義 with=device-width 將布局視窗(layout viewport)的寬度設定為裝置螢幕解析度的寬度 initial-scale=1 頁面初始縮放比例為螢幕解析度的寬度 maximum-scale=1 指定使用者能夠放大的最大比例 minimum-scale=1 指定使用者能夠縮小的最大比例

label 標籤來定義表單控制間的關係,當使用者選擇該標籤時,瀏覽器會自動將焦點轉到和標籤 相關的表單控制項上。

number:

date:

塊級元素有哪些?

空(void)元素有那 些?

首先:css 規範規定,每個元素都有 display 屬性,確定該元素的型別,每個元素都有預設的 display 值,如 div 的 display 預設值為「block」,則為「塊級」元素;span 預設 display 屬性 值為「inline」,是「行內」元素。

常用的塊狀元素有:、、、

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...