2013年7月28日web前端学习笔记-------head相关标签应用
7月份快過(guò)完了。趁周日寫(xiě)寫(xiě)學(xué)過(guò)覺(jué)得有用的東西。
1.縮略圖的展示問(wèn)題，不要以為縮略圖設(shè)置了width,height,就是縮略圖了。比如一個(gè)300kb的500*500原始圖片，用戶(hù)請(qǐng)求web服務(wù)器后，展示在頁(yè)面只需要100*100大小的縮略圖。但是還是會(huì)下載500*500的原始圖片，加載速度會(huì)很慢。正確的做法是：利用圖片處理技術(shù)把圖片壓縮成100*100的大小后再展示。
2.圖片格式轉(zhuǎn)換，不要以為簡(jiǎn)單的把.bmp的圖片改為.jpg的圖片就是更改了圖片格式。比如：把一個(gè)大小為330kb 的bmp格式的圖片后綴名改為.jpg的，其實(shí)更改后的圖片大小也是330kb。微軟操作系統(tǒng)會(huì)識(shí)別圖片到底是什么格式的。如果你只是改了一個(gè)后綴名，微軟操作系統(tǒng)會(huì)智能識(shí)別到底是什么格式的圖片。正確的做法是：把此圖片另存為***格式
3.介紹一個(gè)非常喜歡的頁(yè)面分組屬性fieldset,將控件劃分一個(gè)區(qū)域。代碼如下，效果也如下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title></title><meta http-equiv="Refresh" content="6;url=meta1.htm" /><meta http-equiv="Cache-Control" content="no-cache" /><meta http-equiv="Content-Type" content="charset=utf-8" /> </head> <body><fieldset><legend>你懂的網(wǎng)站鏈接跳轉(zhuǎn)</legend>還有<b id='second' style='color:Red'>6</b>秒將跳轉(zhuǎn)到激情四射的網(wǎng)站</fieldset> </body> </html> <script type="text/javascript">function JsetTimeOut() {var i = document.getElementById('second').innerHTML;i--;document.getElementById('second').innerHTML = i;}setInterval('JsetTimeOut()', 1000); </script>效果：
4.根據(jù)以上代碼，說(shuō)說(shuō)里面的head頭信息的meta標(biāo)簽。
l<meta>標(biāo)簽，<meta>有指定name和指定http-equiv兩種用法，<meta name="名字" content="值" />、<meta http-equiv="名字" content="值" />兩種用法。 ?<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定網(wǎng)頁(yè)編碼 ?<meta http-equiv="Refresh" content="3" /> 三秒鐘后刷新此網(wǎng)頁(yè)。 ?<meta http-equiv="Refresh" content="3;url=http://www.rupeng.com" /> 三秒鐘后重定向到新網(wǎng)頁(yè)。發(fā)帖成功后提示“發(fā)帖成功，即將轉(zhuǎn)向帖子查看頁(yè)面”。<meta http-equiv="Cache-Control" content="no-cache" /> 禁止瀏覽器緩存頁(yè)面
5.說(shuō)說(shuō)層內(nèi)文字連續(xù)英文不換行的問(wèn)題，用css里這個(gè)屬性：word-break:break-all
好了，就說(shuō)這些啦。
?
轉(zhuǎn)載于:https://www.cnblogs.com/jiangxiaofan/p/meta_xf.html
與50位技術(shù)專(zhuān)家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖總結(jié)
以上是生活随笔為你收集整理的2013年7月28日web前端学习笔记-------head相关标签应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： iPhone的UDID与push中使用的
- 下一篇： DHTML4(select与checkb