前端面試題集錦——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 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...