多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > htmlcss > HTML頁面輸出應該遵循的幾點原則

HTML頁面輸出應該遵循的幾點原則

來源:程序員人生   發布時間:2013-12-05 16:23:42 閱讀次數:3428次

不能少了DOCTYPE,瀏覽器根據你申明的DOCTYPE決定頁面渲染規則,如果不聲明,不同的瀏覽器顯示效果可能不一樣。在<title>之前加上<meta>標簽說明頁面所用的編碼。否則可能導致部分瀏覽器顯示的頁面標題為亂碼。

<style>應該放在<head>標簽內。否則會導致頁面在下載完成之前不美觀,而且在下載完<style>的內容以后瀏覽器還要對頁面重新進行渲染,會影響用戶體驗。
CSS中盡量避免使用表達式。否則在每次頁面內容改變(比如javascript動態添加或刪除元素,改變瀏覽器窗口大小)時,瀏覽器都會重新計算表達式的值。一種可以替代的方法是用javascript在window.onload中動態判斷并確認樣式。用戶端的資源我們也應該珍惜。

在使用javascript改變頁面元互的顯示效果時,盡量用className屬性更改。應該盡量避免用element.style.color = "#ff0000"之類的語句,尤其是在一次更改多次屬性的時候。這樣做有兩個理由:方便維護和節約客戶端資源。使用className改更的時候,頁面只需要重新渲染一次,而且style屬性更改時,每次都要重新渲染,這比開銷是很大的。

<script />標簽應該緊靠在</body>標簽之前。瀏覽器在下載<script>中的內容時,不會同時下載其它內容(圖片、flash、<script>后面的html文檔等),如果使用了較多的外部script文件,有可能導致用戶失支繼續等待頁面顯示的耐心。

一個簡單的例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>示范 liehuo.net</title>
<meta name="keywords" content="test,示范" />
<link rel="Stylesheet" type="text/css" href="common.css" />
<style type="text/css">
.test{border:1px solid #ff0000;}
.dom{width:200px;height:100px;}
.notdom{width:202px;height:102px;}
</style>
</head>
<body>
<div id="main" class="test"></div>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
if($.support.boxModel){
$("#main").addClass("dom");
}else{
$("#main").addClass("notdom");
}
});
</script>
</body>
</html>

 

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 亚洲免费黄网 | 2022国产精品网站在线播放 | 噜噜噜噜私人影院 | 最近中文字幕mv手机免费高清 | 禁视频网站在线观看漫画 | 最色网址| 日韩手机视频 | 国产美女亚洲精品久久久综合91 | 日本一级黄色毛片 | 久久在线免费 | 国产欧美日韩免费 | 免费中文字幕在线国语 | 在线观看www. | 理伦三级 | 视频免费在线观看 | 国产第一页无线好源 | 亚洲视频精品 | 日本护士xxx人 | 亚洲欧美高清视频 | 中文字幕一区二区三区视频在线 | 自拍偷拍亚洲图片 | 在线高清美女视频免费看 | 欧美三级免费观看 | 在线欧美三级 | 日韩欧美一区二区在线观看 | 劲爆欧美第一页 | 中文字幕乱码一二三四区 | 国产精品久久久久无毒 | 亚州三级视频 | 欧美成人免费观看国产 | 亚洲爱v | 在线观看中文字幕2021 | 最新在线中文字幕 | 免费a级作爱片免费观看中 免费a网站 | 成人在线小视频 | 亚欧成人在线 | 日韩在线观看一区 | 午夜视频在线观看免费观看在线观看 | 国产一区二区三区福利 | 欧美一区二区日韩一区二区 | 可以免费观看欧美一级毛片 |