Java知識分享網 - 輕松學習從此開始!????

Java知識分享網

Java1234官方群25:java1234官方群25
Java1234官方群25:838462530
     

GIT視頻教程(結合github,碼云)免費領取

SpringBoot打造全棧在線教育平臺實戰課程

SpringBoot打造企業級進銷存

Java1234 VIP課程

領取微信掃碼登錄Java實現視頻教程

Java1234至尊VIP(特價活動)

HTML5面試題面試整理(含答案)最新版 PDF 下載


分享到:
時間:2020-06-11 17:12來源:http://www.ujifkk.icu 作者:小鋒  侵權舉報
HTML5面試題面試整理(含答案)最新版 PDF 下載
失效鏈接處理
HTML5面試題面試整理(含答案)最新版  PDF 下載

本站整理下載:
 
相關截圖:
 
主要內容:

HTML5面試題
一、Doctype的作用? 嚴格模式和混雜模式的區分,以及如何觸發這2種模式?
<!DOCTYPE> 聲明位于文檔中的最前面,處于 <html> 標簽之前。告知瀏覽器的解析器,用什么文檔類型 規范來解析這個文檔。 
DOCTYPE不存在或格式不正確會導致文檔以混雜模式呈現。
嚴格模式就是瀏覽器根據web標準去解析頁面,是一種要求嚴格的DTD,不允許使用任何表現層的語法,
混雜模式是一種向后兼容的解析方法。
觸發標準模式或者說嚴格模式很簡單,就是Html前申明正確的DTD,出發混雜模式可以在html文檔開始不聲明DTD,或者在DOCTYPE前加入XML聲明
二、請寫出至少20個HTML5標簽
<article>  <aside>  <audio>  <canvas>  <datalist>  <command>  <details> <embed>  <figcaption>  <figure>  <footer>  <header>  <hgroup>  <keygen>  <mark>  <nav>  <section>  <time>  <video>  <summary>  <meter>  <output>  <progress>  <source>
三、語義化的理解?
1.html語義化就是讓頁面的內容結構化,便于對瀏覽器、搜索引擎解析;
2.在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的。
3.搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。
4.使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。
四、列舉5種IE  haslayout的屬性及其值
haslayout 是Windows Internet Explorer渲染引擎的一個內部組成部分。在Internet Explorer中,一個元素要么自己對自身的內容進行計算大小和組織,要么依賴于父元素來計算尺寸和組織內容。為了調節這兩個不同的概念,渲染引擎采用 了 hasLayout 的屬性,屬性值可以為true或false。當一個元素的 hasLayout 屬性值為true時,我們說這個元素有一個布局(layout)
部分的 IE 顯示的錯誤,都可以通過激發元素的 haslayout 屬性來修正。可以通過設置 css 尺寸屬性(width/height)等來激發元素的 haslayout,使其“擁有布局”。如下所示,通過設置以下 css 屬性即可。
* display: inline一block
* height: (任何值除了auto)
* float: (left 或 right)
* position: absolute
* width: (任何值除了auto)
* writing一mode: tb一rl;(實現文字可以垂直顯示,具體意義可百度了解)
* zoom: (除 normal 外任意值)
Internet Explorer 7 還有一些額外的屬性(不完全列表):
* min一height: (任意值)
* max一height: (除 none 外任意值)
* min一width: (任意值)
* max一width: (除 none 外任意值)
* overflow: (除 visible 外任意值)
* overflow一x: (除 visible 外任意值)
* overflow一y: (除 visible 外任意值)
* position: fixed
 
五、簡述jpg,gif,png-8,png-24的區別,及其各自的使用場景
gif、jpg、png格式的圖片在網站制作中的區別
Gif格式特點:
  1.透明性,Gif是一種布爾透明類型,既它可以是全透明,也可以是全不透明,但是它并沒有半透明(alpha透明)。
  2.動畫,Gif這種格式支持動畫。
  3.無損耗性,Gif是一種無損耗的圖像格式,這也意味著你可以對gif圖片做任何操作也不會使得圖像質量產生損耗。
  4.水平掃描,Gif是使用了一種叫作LZW的算法進行壓縮的,當壓縮gif的過程中,像素是由上到下水平壓縮的,這也意味著同等條件下,橫向的gif圖片比豎向的gif圖片更加小。例如500*10的圖片比10*500的圖片更加小
  5.間隔漸進顯示,Gif支持可選擇性的間隔漸進顯示
  由以上特點看出只有256種顏色的gif圖片不適合照片,但它適合對顏色要求不高的圖形(比如說圖標,圖表等),它并不是最優的選擇,我們會在后面中看到png是最優的選擇。
 
Jpeg(jpg)格式特點:
  1.透明性,它并不支持透明。
  2.動畫,它也不支持動畫。
  3.損耗性,除了一些比如說旋轉(僅僅是90、180、270度旋轉),裁切,從標準類型到先進類型,編輯圖片的原數據之外,所有其它操作對jpeg圖像的處理都會使得它的質量損失。所以我們在編輯過程一般用png作為過渡格式。
  4.隔行漸進顯示,它支持隔行漸進顯示(但是ie瀏覽器并不支持這個屬性,但是ie會在整個圖像信息完全到達的時候顯示)。
  由上可以看出Jpeg是最適web上面的攝影圖片和數字照相機中。
  Png格式特點:
  1.類型,Png這種圖片格式包括了許多子類,但是在實踐中大致可以分為256色的png和全色的png,你完成可以用256色的png代替gif,用全色的png代替jpeg
  2.透明性,Png是完全支持alpha透明的(透明,半透明,不透明),盡管有兩個怪異的現象在ie6(下面詳細討論)
  3.動畫,它不支持動畫
  PNG圖片格式現在包含三種類型:
  1.PNG8256色PNG的別名
  2.PNG24全色PNG的別名
  3.PNG32全色PNG的別名
  基本上PNG32就是PNG24,但是附帶了全alpha通道。就是說每個像素上不僅存儲了24位真色彩信息還存儲了8位的alpha通道信息,就如同GIF能存儲透明和不透明信息一樣。當我們把圖片放到不太搭配的背景上的時候,透明PNG圖片的邊緣會顯示得更加平滑。
  當然,我也知道你的想法,“但是Photoshop也能生成帶透明通道的PNG圖片!”我也知道,它只是表面上這么說是PNG24,讓我也產生困惑了。
  作為一個傷感的Fireworks倡導者,我只使用PNG32支持附帶alpha通道的真色彩圖片。不管怎樣,如果你習慣使用Photoshop,你就應該知道,Photoshop在“存儲為WEB格式”中只提供PNG8和PNG24兩種PNG格式。
  我敢肯定你經常會勾選“支持透明”選項,以獲得帶有透明度的PNG圖片,但是這樣你就獲取了一張PNG32圖片。——Photoshop只是覺得把PNG32這個名稱給隱藏掉了。。。。
 
對png8的誤解
  Png8的在ie中的怪異表現:
  半透明的png8在ie6以下的瀏覽器顯示為全透明。
  Alpha透明的全色PNG(png32)在ie6中會出現背景顏色(通常是灰色)。
  由上面可以總結:
  (a)全透明的png8可以在任一瀏覽器正常顯示(就像gif一樣)。半透明的png8在除了ie6及其以下的瀏覽器下錯誤的顯示成全透明,其它瀏覽器都能正常顯示半透明。這個bug并不需要特殊對待,因為在不支持半透明的瀏覽器下只是顯示為全透明,對用戶體驗影響不大,它反而是透明gif的加強版。
  (b)第二個bug沒有什么好的方法解決,只能通過影響性能的方法AlphaImageLoader與需要加特殊標簽(VML)。
  因此得出結論就是:請使用PNG8。
Png8的軟件問題:
  Photoshop只能導出布爾透明的PNG8。
  Fireworks既能導出布爾透明的PNG8,也能導出alpha透明的PNG8.

 
 
------分隔線----------------------------
關注公眾號
【Java資料站】
回復 666
獲取 
66套java
從菜雞到大神
項目實戰課程
欢乐捕鱼人千炮版 黑龙江36选7走势图开奖结果 新疆时时彩开奖查询 pc蛋蛋赔率跟踪软件 山西十一选五一定牛 初学者如何学炒股 湖北快3今日推荐一定牛 股票要怎么玩 山东十一选五人工免费预测 2019沪指年线位置 江苏快三怎么玩的 福彩东方6加1机选 一分赛车6码诀窍 极速十一选五网上购彩 河南快赢481软件下载 股票基金怎么玩 黑龙江22选5投注技巧