時(shí)間：2023-09-18 10:48:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-09-18 10:48:01 來源：網(wǎng)站運(yùn)營
「offer來了」面試中必考的15個(gè)html知識(shí)點(diǎn)：?序言
在線咨詢
html 可能是最早接觸的一門語言之一?；旧蟿傞_始學(xué)前端，都會(huì)先學(xué) html 。雖說它的內(nèi)容看起來不多，但是在面試中，還是有一些考點(diǎn)需要我們?nèi)プ⒁?。下面?html 在前端面試中的考點(diǎn)，進(jìn)行介紹。一起來學(xué)習(xí)吧~ W3C 統(tǒng)一的規(guī)范標(biāo)準(zhǔn)，是技術(shù)趨勢。PDA 、各種移動(dòng)終端。SEO 友好。html 頭部有 manifest 屬性，它會(huì)請(qǐng)求 manifest 文件，如果是第一次訪問 app ，那么瀏覽器就會(huì)根據(jù) manifest 的內(nèi)容下載相應(yīng)的資源并且進(jìn)行離線存儲(chǔ)。app 并且資源已經(jīng)離線存儲(chǔ)了，那么瀏覽器就會(huì)使用離線的資源加載頁面，然后瀏覽器會(huì)對(duì)比新的 manifest 文件與舊的 manifest 文件，如果文件沒有發(fā)生改變，就不做任何操作，如果文件改變了，那么就會(huì)重新下載文件中的資源并進(jìn)行離線存儲(chǔ)。manifest 的屬性；cache.manifest 文件下編寫離線存儲(chǔ)的資源；window.applicationCache 進(jìn)行需求實(shí)現(xiàn)。css 和 js 、結(jié)構(gòu)行為表現(xiàn)的分離。<!DOCTYPE> 聲明位于文檔中的最前面，處于 html 標(biāo)簽之前。告知瀏覽器的解析器， 用什么文檔類型、規(guī)范來解析這個(gè)文檔。JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。DOCTYPE 不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。<meta name="viewport" content="" /> width – viewport的寬度[device-width | pixel_value]width如果直接設(shè)置pixel_value數(shù)值，大部分的安卓手機(jī)不支持，但是ios支持； height – viewport 的高度 （范圍從 223 到 10,000 ） user-scalable [yes | no]是否允許縮放 initial-scale [數(shù)值] 初始化比例（范圍從 > 0 到 10） minimum-scale [數(shù)值] 允許縮放的最小比例 maximum-scale [數(shù)值] 允許縮放的最大比例 target-densitydpi 值有以下（一般推薦設(shè)置中等響度密度或者低像素密度，后者設(shè)置具體的值 dpi_value，另外webkit內(nèi)核已不準(zhǔn)備再支持此屬性） -- dpi_value 一般是70-400//沒英寸像素點(diǎn)的個(gè)數(shù) -- device-dpi設(shè)備默認(rèn)像素密度 -- high-dpi 高像素密度 -- medium-dpi 中等像素密度 -- low-dpi 低像素密度附帶問題： 怎樣處理 移動(dòng)端 1px 被 渲染成 2px 問題?meta 標(biāo)簽中的 viewport 屬性 ， initial-scale 設(shè)置為 1 。rem 按照設(shè)計(jì)稿標(biāo)準(zhǔn)走，外加利用 transfrome 的 scale(0.5) 縮小一倍即可。meta 標(biāo)簽中的 viewport 屬性 ， initial-scale 設(shè)置為 0.5 。rem 按照設(shè)計(jì)稿標(biāo)準(zhǔn)走即可。<!DOCTYPE html> <!--H5標(biāo)準(zhǔn)聲明，使用 HTML5 doctype，不區(qū)分大小寫--> <head lang=”en”> <!--標(biāo)準(zhǔn)的 lang 屬性寫法--> <meta charset=’utf-8?> <!--聲明文檔使用的字符編碼--> <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> <!--優(yōu)先使用指定瀏 覽器使用特定的文檔模式--> <meta name=”description” content=”不超過150個(gè)字符”/> <!--頁面描述--> <meta name=”keywords” content=””/> <!-- 頁面關(guān)鍵詞--> <meta name=”author” content=”name, email@gmail.com”/> <!--網(wǎng)頁作者--> <meta name=”robots” content=”index,follow”/> <!--搜索引擎抓取--> <meta name=”viewport” content=”initial-scale=1, maximum-scale=3, minimum-sc <meta name=”apple-mobile-web-app-title” content=”標(biāo)題”> <!--iOS 設(shè)備 begin--> <meta name=”apple-mobile-web-app-capable” content=”yes”/> <!--添加到主屏后的標(biāo) 是否啟用 WebApp 全屏模式，刪除蘋果默認(rèn)的工具欄和菜單欄--> <meta name=”apple-mobile-web-app-status-bar-style” content=”black”/> <meta name=”renderer” content=”webkit”> <!-- 啟用360瀏覽器的極速模式(webkit)--> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <!--避免IE使用兼容模式--> <meta http-equiv=”Cache-Control” content=”no-siteapp” /> <!--不讓百度轉(zhuǎn)碼--> <meta name=”HandheldFriendly” content=”true”> <!--針對(duì)手持設(shè)備優(yōu)化，主要是針對(duì)一些老的 不識(shí)別viewport的瀏覽器--> <meta name=”MobileOptimized” content=”320″> <!--微軟的老式瀏覽器--> <meta name=”screen-orientation” content=”portrait”> <!--uc強(qiáng)制豎屏--> <meta name=”x5-orientation” content=”portrait”> <!--QQ強(qiáng)制豎屏--> <meta name=”full-screen” content=”yes”> <!--UC強(qiáng)制全屏--> <meta name=”x5-fullscreen” content=”true”> <!--QQ強(qiáng)制全屏-->alt 是 img 的特有屬性，是圖片內(nèi)容的等價(jià)描述，圖片無法正常顯示時(shí)候的替代文字。title 屬性可以用在除了base，basefont，head，html，meta，param，script和title 之外的所有標(biāo)簽，是對(duì)dom元素的一種類似注釋說明。iframe 會(huì)阻塞主頁面的 Onload 事件SEO iframe 和主頁面共享連接池，而瀏覽器對(duì)相同域的連接有限制，所以會(huì)影響頁面的并行加載iframe 之前需要考慮這兩個(gè)缺點(diǎn)。如果需要使用 iframe ，最好是通過 javascript 動(dòng)態(tài)iframe 添加 src 屬性值，這樣可以繞開以上兩個(gè)問題canvasvideo 和 audio 元素localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后會(huì)自動(dòng)刪除article 、footer、header、nav、sectioncalendar 、 date 、 time 、 email 、 url 、 searchwebworker 、 websocket 、 Geolocationbasefont 、 big 、 center 、 font 、 s 、 strike 、 tt 、 uframe 、 frameset 、 noframesIE8/IE7/IE6 支持通過 document.createElement 方法產(chǎn)生的標(biāo)簽。HTML5 新標(biāo)簽。label 標(biāo)簽用來定義表單控制間的關(guān)系，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。<label for="Name">Number:</label> <input type=“text“name="Name" id="Name"/> <label>Date:<input type="text" name="B"/></label>css 文件。seo ，搜索引擎更友好，排名更容易靠前。src 用于替換當(dāng)前元素， href 用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。src 是 source 的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在請(qǐng)求 src 資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如 js 腳本， img 圖片和 frame 等元素。src 指的是，當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也就是為什么將 js 腳本放在底部而不是頭部。href 是 Hypertext Reference 的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，如果我們?cè)谖臋n中添加 <link href="common.css" rel="stylesheet"> ，那么瀏覽器會(huì)識(shí)別該文檔為 css 文件，就會(huì)并行下載資源并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是為什么建議使用 link 方式來加載 css ，而不是使用 @import 方式。png-8，png-24，jpeg，gif，svg。Webp ： WebP 格式，谷歌（google）開發(fā)的一種旨在加快圖片加載速度的圖片格式。圖片壓縮體積大約只有 JPEG 的 2/3 ，并能節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。Facebook 、 Ebay 等知名網(wǎng)站已經(jīng)開始測試并使用 WebP 格式。WebP 格式圖像的體積要比 JPEG 格式圖像小40%。HTML5 包含嵌入音頻文件的標(biāo)準(zhǔn)方式，支持的格式包括 MP3、Wav 和 Ogg：<audio controls> <source src="jamshed.mp3" type="audio/mpeg"> Your browser does'nt support audio embedding feature. </audio>和音頻一樣，HTML5 定義了嵌入視頻的標(biāo)準(zhǔn)方法，支持的格式包括：MP4、WebM 和 Ogg：<video width="450" height="340" controls><source src="jamshed.mp4" type="video/mp4"> Your browser does'nt support video embedding feature. </video>class ：為元素設(shè)置類標(biāo)識(shí)data-* ：為元素增加自定義屬性draggable ：設(shè)置元素是否可拖拽id ：元素 id ，文檔內(nèi)唯一lang ：元素內(nèi)容的的語言style ：行內(nèi) css 樣式title ：元素相關(guān)的建議信息html 相關(guān)的內(nèi)容在面試中考察的部分不多，但該記憶的內(nèi)容還是得稍微記一下，以防在面試中突然被面試官問倒。html 相關(guān)的題目整理到這里就結(jié)束啦！希望對(duì)大家有幫助！vx: MondayLaboratory~星期一研究室 ，回復(fù)關(guān)鍵字 html面試pdf 即可獲取相關(guān)pdf內(nèi)容~ 關(guān)鍵詞：知識(shí)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
