摘要:頁面中圖像的顯示在顯示一個頁面時,瀏覽器會首先下載文件并開始顯示頁面之后才下載圖像。
頁面中圖像的顯示
在顯示一個頁面時,瀏覽器會首先下載HTML文件并開始顯示頁面之后才下載圖像。而在瀏覽器下載圖像之前,除非預(yù)先告訴瀏覽器圖像的大小(即在html中指定圖像的width和height),否則它無法知道圖像的大小
在無法預(yù)先知道圖像大小的情況下,頁面在顯示時會發(fā)生重排
瀏覽器從服務(wù)器獲取圖像時,瀏覽器一次請求圖像的數(shù)量視網(wǎng)絡(luò)帶寬而定。所以在請求中,最好是預(yù)先做好圖像的壓縮,從而減少網(wǎng)絡(luò)帶寬占用,而不是利用html中width和height來調(diào)整圖像大小
圖像的格式常用的web端顯示圖像格式有PNG、GIF、JPEG
JPEG | PNG | GIF |
---|---|---|
最適合連續(xù)的色調(diào)圖像(如照片) | 最適合單色圖像和線條構(gòu)成的圖像(如logo、剪貼畫) | 最適合單色圖像和線條構(gòu)成的圖像(如logo、剪貼畫) |
壓縮會丟失信息,“有損”的格式 | 壓縮不會丟失信息,“無損”的格式 | 壓縮不會丟失信息,“無損”的格式 |
不支持透明度 | 支持透明度 | 只允許一種顏色設(shè)置為透明 |
不支持動畫 | 不支持動畫 | 支持動畫 |
- | 提供三種格式:PNG-8,PNG-24、PNG-32,不同格式顏色數(shù)不同 | 只能使用256色 |
- | 同樣顏色數(shù)下,通常比JPEG和GIF文件要小 | - |
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/51677.html
摘要:所謂超文本,因?yàn)樗梢约尤雸D片聲音動畫多媒體等內(nèi)容,不僅如此,它還可以從一個文件跳轉(zhuǎn)到另一個文件,與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式,其取值有和兩種,其中為默認(rèn)值,為在新窗口中打開方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...
摘要:標(biāo)準(zhǔn)構(gòu)成標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn),而是由和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。主要包括結(jié)構(gòu)表現(xiàn)和行為三個方面。屬性之間不分先后順序,標(biāo)簽名與屬性屬性與屬性之間均以空格分開。HTML Web 標(biāo)準(zhǔn)構(gòu)成 Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn),而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。 主要包括結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為(Behavior)三個方面。 結(jié)構(gòu)標(biāo)準(zhǔn)...
摘要:如果希望某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽在中直接敲回車來換行是不起作用的。標(biāo)簽的屬性用于指定超鏈接目標(biāo)的。這是因?yàn)闃?biāo)識符幾乎可以用在所有的標(biāo)簽中。 一·- 單詞縮寫:headHTML的-代表了六個等級的標(biāo)題,其中標(biāo)簽比較重要,因此要盡量少用。一般是給logo使用,或者是頁面中最重要的標(biāo)題。 Heading level 1 Heading level 2 Heading leve...
摘要:元數(shù)據(jù)是關(guān)于數(shù)據(jù)的信息。標(biāo)簽提供關(guān)于文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上,但是對于機(jī)器是可讀的。典型的情況是,元素被用于規(guī)定頁面的描述關(guān)鍵詞文檔的作者最后修改時間以及其他元數(shù)據(jù)。 Web前端的基礎(chǔ)知識 什么是web?WEB標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)的總稱,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....
閱讀 5136·2023-04-25 19:30
閱讀 2178·2023-04-25 15:09
閱讀 2627·2021-11-16 11:45
閱讀 2183·2021-11-15 18:07
閱讀 1467·2021-11-11 17:22
閱讀 2126·2021-11-04 16:06
閱讀 3584·2021-10-20 13:47
閱讀 3045·2021-09-22 16:03