|
1.1、<img>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？ alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個英文字符或者用戶必須保證替換文字盡可能的短。 這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。 title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。 1.2、分別寫出以下幾個HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體 下標(biāo)：<sub> 居中：<center> 字體：<font>、<basefont> 1.3、請寫出至少5個html5新增的標(biāo)簽，并說明其語義和應(yīng)用場景 section：定義文檔中的一個章節(jié) nav：定義只包含導(dǎo)航鏈接的章節(jié) header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。 footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。 aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。? 1.4、請說說你對標(biāo)簽語義化的理解？ a. 去掉或者丟失樣式的時候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu) b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重； c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動設(shè)備）以意義的方式來渲染網(wǎng)頁； d. 便于團(tuán)隊開發(fā)和維護(hù)，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化。 ? 1.5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義? <!DOCTYPE> 聲明位于文檔中的最前面，處于 <html> 標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。 嚴(yán)格模式的排版和 JS 運作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運行。 在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點無法工作。 DOCTYPE不存在或格式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。 ? 1.6、你知道多少種Doctype文檔類型？ 標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。 HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。 XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。 Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁， Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計的網(wǎng)頁。 ? 1.7、HTML與XHTML——二者有什么區(qū)別 a. XHTML 元素必須被正確地嵌套。 b. XHTML 元素必須被關(guān)閉。 c. 標(biāo)簽名必須用小寫字母。 d. XHTML 文檔必須擁有根元素。 ? ? 1.8、html5有哪些新特性、移除了那些元素？ a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲，多任務(wù)等功能的增加。 b. 拖拽釋放(Drag and drop) API c. 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section） e. 畫布(Canvas) API f. 地理(Geolocation) API g. 本地離線存儲?localStorage?長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失 h.?sessionStorage?的數(shù)據(jù)在頁面會話結(jié)束時會被清除 i. 表單控件，calendar、date、time、email、url、search? j. 新的技術(shù)webworker,?websocket等 移除的元素： a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u； b. 對可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes； ? 1.9、iframe的優(yōu)缺點？ 優(yōu)點： a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題 b. iframe無刷新文件上傳 c. iframe跨域通信 缺點： a. iframe會阻塞主頁面的Onload事件 b. 無法被一些搜索引擎索引到 c. 影響瀏覽器中的并行資源下載，iframe和父頁面不能共享下載 d. script腳本標(biāo)簽寫在了iframe之前，iframe中的資源會被阻塞 1.10、Quirks模式是什么？它和Standards模式有什么區(qū)別？ 在寫程序時我們也會經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時。IE6以前的頁面大家都不會去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個頁面將采用對CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。 區(qū)別：總體會有布局、樣式解析和腳本執(zhí)行三個方面的區(qū)別。 a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。 b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給<span>等行內(nèi)元素設(shè)置wdith和height都不會生效，而在quirks模式下，則會生效。 c. 設(shè)置百分比的高度：在standards模式下，一個元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個百分比的高度是無效的用 d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會失效。 ? 1.11、請闡述table的缺點 a.?太深的嵌套，比如table>tr>td>h3，會導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。 b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td c. 代碼臃腫，當(dāng)在table中套用table的時候，閱讀代碼會顯得異?；靵y d. 混亂的colspan與rowspan，用來布局時，頻繁使用他們會造成整個文檔順序混亂。 e. table需要多次計算才能確定好其在渲染樹中節(jié)點的屬性，通常要花3倍于同等元素的時間。 f. 不夠語義 1.12、簡述一下src與href的區(qū)別 src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。 src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在位置 href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點）或當(dāng)前文檔（鏈接）之間的鏈接 來源：https://www./content-4-605751.html |
|
|
