2013年7月28日web前端学习笔记-------head相关标签应用
生活随笔
收集整理的這篇文章主要介紹了
2013年7月28日web前端学习笔记-------head相关标签应用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
7月份快過完了。趁周日寫寫學過覺得有用的東西。
1.縮略圖的展示問題，不要以為縮略圖設置了width,height,就是縮略圖了。比如一個300kb的500*500原始圖片，用戶請求web服務器后，展示在頁面只需要100*100大小的縮略圖。但是還是會下載500*500的原始圖片，加載速度會很慢。正確的做法是：利用圖片處理技術把圖片壓縮成100*100的大小后再展示。
2.圖片格式轉換，不要以為簡單的把.bmp的圖片改為.jpg的圖片就是更改了圖片格式。比如：把一個大小為330kb 的bmp格式的圖片后綴名改為.jpg的，其實更改后的圖片大小也是330kb。微軟操作系統會識別圖片到底是什么格式的。如果你只是改了一個后綴名，微軟操作系統會智能識別到底是什么格式的圖片。正確的做法是：把此圖片另存為***格式
3.介紹一個非常喜歡的頁面分組屬性fieldset,將控件劃分一個區域。代碼如下，效果也如下。
<!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>你懂的網站鏈接跳轉</legend>還有<b id='second' style='color:Red'>6</b>秒將跳轉到激情四射的網站</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.根據以上代碼，說說里面的head頭信息的meta標簽。
l<meta>標簽，<meta>有指定name和指定http-equiv兩種用法，<meta name="名字" content="值" />、<meta http-equiv="名字" content="值" />兩種用法。 ?<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定網頁編碼 ?<meta http-equiv="Refresh" content="3" /> 三秒鐘后刷新此網頁。 ?<meta http-equiv="Refresh" content="3;url=http://www.rupeng.com" /> 三秒鐘后重定向到新網頁。發帖成功后提示“發帖成功，即將轉向帖子查看頁面”。<meta http-equiv="Cache-Control" content="no-cache" /> 禁止瀏覽器緩存頁面
5.說說層內文字連續英文不換行的問題，用css里這個屬性：word-break:break-all
好了，就說這些啦。
?
轉載于:https://www.cnblogs.com/jiangxiaofan/p/meta_xf.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的2013年7月28日web前端学习笔记-------head相关标签应用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： iPhone的UDID与push中使用的
- 下一篇： android 开发时遇到的环境问题3-