国产午夜精品理论片,国产亚洲精品久久久999蜜臀,国产精品久久久久久久久免费,国产卡一卡二卡3卡4乱码,国产精品午夜无码av天美传媒

Html書寫規(guī)范
發(fā)布時(shí)間：2018/10/10 來源：郴邦科技 瀏覽：96

1、推薦使用html5的文檔聲明。 

	
	
    
		
		
  1. 
			<!DOCTYPE HTML> 
		
    2.

2、必須申明文檔的編碼charset，且與文件本身編碼保持一致，推薦使用UTF-8編碼。 

	
	
    
		
		
  1. 
			<meta charset="utf-8"> 
		
    2.

3、title 不可缺少，控制在25個(gè)字、50個(gè)字節(jié)以內(nèi)?！岸墮谀?- 一級欄目 - 網(wǎng)站名稱”。

4、keywords很重要，關(guān)鍵詞，針對SEO。

注意： 5個(gè)左右,單個(gè)8漢字以內(nèi)；禁忌堆砌，與網(wǎng)站主題無關(guān)。

5、description網(wǎng)站描述，字?jǐn)?shù)盡量空制在80個(gè)漢字，160個(gè)字符以內(nèi)。

6、建議采用響應(yīng)式柵格化處理，兼容多個(gè)平臺設(shè)備。

7、書寫注釋，方便程序開發(fā)嵌套。注釋方式：

開始注釋：<!-- 注釋 -->
結(jié)束注釋：<!-- /注釋文案 -->
允許只有開始注釋

注意： 浮動(dòng)的地方不要加注釋，可能導(dǎo)致布局錯(cuò)位或文字的BUG。

8、img添加alt屬性，增加可訪問性。 

	
	
    
		
		
  1. 
			<img src="" alt="圖片描述" title="圖片描述"> 
		
    2.

9、帶有實(shí)體名稱的 ASCII 實(shí)體或特殊字符要使用實(shí)體名。

注意： 實(shí)體名稱對大小寫敏感。

字符 名稱 實(shí)體名
￥ 人民幣符號：元 &yen;
© 版權(quán) &copy;
® 注冊商標(biāo) &reg;
? 商標(biāo)TM &trade;
· 間隔符號 &middot;
" 雙引號 &quot;
& &符 &amp;
< 左尖括號（小于號） &lt;
> 右尖括號（大于號） &gt;
  半角空格 &nbsp;
× 乘號 &times;
÷ 除號 &divide;

10、標(biāo)簽一定要正確嵌套，標(biāo)簽一定要閉合。

11、用div等標(biāo)簽布局；表格型數(shù)據(jù)，table首選。

12、代碼風(fēng)格采用樹形結(jié)構(gòu)，提高可讀性；避免冗余嵌套。

13、模塊之間必須保持獨(dú)立，區(qū)塊化布局，方便隨意增刪改，多人協(xié)作維護(hù)。

14、非特殊情況下，css采用外鏈，加在<head>之間；js文件放在頁面底部</body>之前。

15、自定義標(biāo)簽或者屬性，用data-開頭。

16、需要程序單獨(dú)賦值或者控制的地方盡量用獨(dú)立的標(biāo)簽包括起來，方便添加id和其他自定義屬性。

17、可能程序在套用時(shí)候標(biāo)簽之間會(huì)出現(xiàn)空數(shù)據(jù)，產(chǎn)生（冗余標(biāo)簽）造成多余空白間距，請一定注釋聲明給后端程序員注意一下，將判斷包住標(biāo)簽。

18、避免元素的滾動(dòng)條和body的滾動(dòng)條同時(shí)出現(xiàn)，影響體驗(yàn)。

19、需要異步加載的地方給出加載中（loading）狀態(tài)效果。

下面給出html模版： 

    
	
	
  1. 
		<!DOCTYPE HTML> 
	
    2. 

	
  2. 
		<html> 
	
    3. 

	
  3. 
		<head> 
	
    4. 

	
  4. 
		<meta charset="utf-8"> 
	
    5. 

	
  5. 
		<meta name="renderer" content="webkit|ie-comp|ie-stand"> 
	
    6. 

	
  6. 
		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
	
    7. 

	
  7. 
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />  
	
    8. 

	
  8. 
		<title>網(wǎng)站標(biāo)題，控制在25個(gè)字、50個(gè)字節(jié)以內(nèi)</title>  
	
    9. 

	
  9. 
		<meta name="keywords" content="關(guān)鍵詞,5個(gè)左右,單個(gè)8漢字以內(nèi)">  
	
    10. 

	
  10. 
		<meta name="description" content="網(wǎng)站描述，字?jǐn)?shù)盡量空制在80個(gè)漢字，160個(gè)字符以內(nèi)！">  
	
    11. 

	
  11. 
		<link rel="Bookmark" href="favicon.ico" >  
	
    12. 

	
  12. 
		<link rel="Shortcut Icon" href="favicon.ico" />  
	
    13. 

	
  13. 
		<!--[if lt IE 9]>  
	
    14. 

	
  14. 
		<script type="text/javascript" src="Lib/html5.js"></script> 
	
    15. 

	
  15. 
		<script type="text/javascript" src="Lib/respond.min.js"></script> 
	
    16. 

	
  16. 
		<![endif]-->  
	
    17. 

	
  17. 
		<link href="h-ui/css/H-ui.css" rel="stylesheet" type="text/css" /> 
	
    18. 

	
  18. 
		<link href="lib/Hui-iconfont/1.0.9/iconfont.css" rel="stylesheet" type="text/css" /> 
	
    19. 

	
  19. 
		<link href="h-ui/css/style.css" rel="stylesheet" type="text/css" /><!--自己的樣式--> 
	
    20. 

	
  20. 
		<!--[if IE 6]>  
	
    21. 

	
  21. 
		<script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script> 
	
    22. 

	
  22. 
		<script>DD_belatedPNG.fix('.pngfix,.icon');</script>  
	
    23. 

	
  23. 
		<![endif]-->  
	
    24. 

	
  24. 
		</head>  
	
    25. 

	
  25. 
		<body> 
	
    26. 

	
  26. 
		<header>網(wǎng)站頭部</header> 
	
    27. 

	
  27. 
		<div>內(nèi)容部分</div> 
	
    28. 

	
  28. 
		<footer>頁腳</footer> 
	
    29. 

	
  29. 
		<script type="text/javascript" src="lib/jquery.min.js"></script>  
	
    30. 

	
  30. 
		<script type="text/javascript" src="h-ui/js/h-ui.js"></script>  
	
    31. 

	
  31. 
		</body> 
	
    32. 

	
  32. 
		</html> 
	
    33.
返回