HTML页é¢å è½½å解ææµç¨ ï¼
1. ç¨æ·è¾å
¥ç½åï¼å设æ¯ä¸ªhtml页é¢ï¼å¹¶ä¸æ¯ç¬¬ä¸æ¬¡è®¿é®ï¼ï¼æµè§å¨åæå¡å¨ååºè¯·æ±ï¼æå¡å¨è¿åhtmlæ件ã
2. æµè§å¨å¼å§è½½å
¥html代ç ï¼åç°<head>æ ç¾å
æä¸ä¸ª<link>æ ç¾å¼ç¨å¤é¨CSSæ件ã
3. æµè§å¨åååºCSSæ件ç请æ±ï¼æå¡å¨è¿åè¿ä¸ªCSSæ件ã
4. æµè§å¨ç»§ç»è½½å
¥htmlä¸<body>é¨åç代ç ï¼å¹¶ä¸CSSæ件已ç»æ¿å°æäºï¼å¯ä»¥å¼å§æ¸²æ页é¢äºã
5. æµè§å¨å¨ä»£ç ä¸åç°ä¸ä¸ª<img>æ ç¾å¼ç¨äºä¸å¼ å¾çï¼åæå¡å¨ååºè¯·æ±ãæ¤æ¶æµè§å¨ä¸ä¼çå°å¾çä¸è½½å®ï¼èæ¯ç»§ç»æ¸²æåé¢ç代ç ã
6. æå¡å¨è¿åå¾çæ件ï¼ç±äºå¾çå ç¨äºä¸å®é¢ç§¯ï¼å½±åäºåé¢æ®µè½çæå¸ï¼å æ¤æµè§å¨éè¦åè¿å¤´æ¥éæ°æ¸²æè¿é¨å代ç ã
7. æµè§å¨åç°äºä¸ä¸ªå
å«ä¸è¡Javascript代ç ç<script>æ ç¾ï¼èµ¶å¿«è¿è¡å®ã
8. Javascriptèæ¬æ§è¡äºè¿æ¡è¯å¥ï¼å®å½ä»¤æµè§å¨éèæ代ç ä¸çæ个<style>ï¼style.display=ânoneâï¼ãæ¯å
·åï¼çªç¶å°±å°äºè¿ä¹ä¸ä¸ªå
ç´ ï¼æµè§å¨ä¸å¾ä¸éæ°æ¸²æè¿é¨å代ç ã
9. ç»äºçå°äº</html>çå°æ¥ï¼æµè§å¨æ³ªæµæ»¡é¢â¦â¦
10. ççï¼è¿æ²¡å®ï¼ç¨æ·ç¹äºä¸ä¸çé¢ä¸çâæ¢è¤âæé®ï¼Javascript让æµè§å¨æ¢äºä¸ä¸ï¼linkï¼æ ç¾çCSSè·¯å¾ã
11. æµè§å¨å¬éäºå¨åº§çåä½<div><span><ul><li>们ï¼â大ä¼å¿æ¶æ¾æ¶æ¾è¡æï¼å±å¾éæ°æ¥è¿â¦â¦âï¼æµè§å¨åæå¡å¨è¯·æ±äºæ°çCSSæ件ï¼éæ°æ¸²æ页é¢ã
ç¸å
³ï¼
ä¸ãæµè§å¨å è½½å渲æhtmlç顺åº
1. IEä¸è½½ç顺åºæ¯ä»ä¸å°ä¸ï¼æ¸²æç顺åºä¹æ¯ä»ä¸å°ä¸ï¼ä¸è½½å渲ææ¯åæ¶è¿è¡çã
2. å¨æ¸²æå°é¡µé¢çæä¸é¨åæ¶ï¼å
¶ä¸é¢çææé¨åé½å·²ç»ä¸è½½å®æï¼å¹¶ä¸æ¯è¯´ææç¸å
³èçå
ç´ é½å·²ç»ä¸è½½å®ï¼ã
3. å¦æéå°è¯ä¹è§£éæ§çæ ç¾åµå
¥æ件ï¼JSèæ¬ï¼CSSæ ·å¼ï¼ï¼é£ä¹æ¤æ¶IEçä¸è½½è¿ç¨ä¼å¯ç¨åç¬è¿æ¥è¿è¡ä¸è½½ã
4. æ ·å¼è¡¨å¨ä¸è½½å®æåï¼å°å以åä¸è½½çæææ ·å¼è¡¨ä¸èµ·è¿è¡è§£æï¼è§£æå®æåï¼å°å¯¹æ¤åææå
ç´ ï¼å«ä»¥åå·²ç»æ¸²æçï¼éæ°è¿è¡æ¸²æã
5. JSãCSSä¸å¦æéå®ä¹ï¼åå®ä¹å½æ°å°è¦çåå®ä¹å½æ°ã
äºãJSçå è½½
1. ä¸è½å¹¶è¡ä¸è½½å解æï¼é»å¡ä¸è½½ï¼ã
2. å½å¼ç¨äºJSçæ¶åï¼æµè§å¨åé1个js requestå°±ä¼ä¸ç´çå¾
该requestçè¿åãå 为æµè§å¨éè¦1个稳å®çDOMæ ç»æï¼èJSä¸å¾æå¯è½æ代ç ç´æ¥æ¹åäºDOMæ ç»æï¼æ¯å¦ä½¿ç¨ document.write æ appendChild,çè³æ¯ç´æ¥ä½¿ç¨çlocation.hrefè¿è¡è·³è½¬ï¼æµè§å¨ä¸ºäºé²æ¢åºç°JSä¿®æ¹DOMæ ï¼éè¦éæ°æ建DOMæ çæ
åµï¼æ以 å°±ä¼é»å¡å
¶ä»çä¸è½½ååç°ã
ä¸ãå¦ä½å å¿«HTML页é¢å è½½é度
1. 页é¢åè¥ï¼
a. 页é¢çè¥ç¦æ¯å½±åå è½½é度æéè¦çå ç´ ã
b. å é¤ä¸å¿
è¦çç©ºæ ¼ã注éã
c. å°inlineçscriptåcss移å°å¤é¨æ件ã
d. å¯ä»¥ä½¿ç¨HTML Tidyæ¥ç»HTMLåè¥ï¼è¿å¯ä»¥ä½¿ç¨ä¸äºå缩工å
·æ¥ç»JavaScriptåè¥ã
2. åå°æ件æ°éï¼
a. åå°é¡µé¢ä¸å¼ç¨çæ件æ°éå¯ä»¥åå°HTTPè¿æ¥æ°ã
b. 许å¤JavaScriptãCSSæ件å¯ä»¥å并æ好å并ã
3. åå°ååæ¥è¯¢ï¼
a. DNSæ¥è¯¢å解æååä¹æ¯æ¶èæ¶é´çï¼æ以è¦åå°å¯¹å¤é¨JavaScriptãCSSãå¾ççèµæºçå¼ç¨ï¼ä¸åååç使ç¨è¶å°è¶å¥½ã
4. ç¼åéç¨æ°æ®ï¼
a. 对éå¤ä½¿ç¨çæ°æ®è¿è¡ç¼åã
5. ä¼å页é¢å
ç´ å 载顺åºï¼
a. é¦å
å 载页é¢æåæ¾ç¤ºçå
容åä¸ä¹ç¸å
³çJavaScriptåCSSï¼ç¶åå è½½HTMLç¸å
³çä¸è¥¿ï¼åä»ä¹ä¸æ¯æåæ¾ç¤ºç¸å
³çå¾çãflashãè§é¢çå¾è¥çèµæºå°±æåå è½½ã
6. åå°inline JavaScriptçæ°éï¼
a. æµè§å¨parserä¼å设inline JavaScriptä¼æ¹å页é¢ç»æï¼æ以使ç¨inline JavaScriptå¼éè¾å¤§ã
b. ä¸è¦ä½¿ç¨document.write()è¿ç§è¾åºå
容çæ¹æ³ï¼ä½¿ç¨ç°ä»£W3C DOMæ¹æ³æ¥ä¸ºç°ä»£æµè§å¨å¤ç页é¢å
容ã
7. 使ç¨ç°ä»£CSSååæ³çæ ç¾ï¼
a. 使ç¨ç°ä»£CSSæ¥åå°æ ç¾åå¾åï¼ä¾å¦ä½¿ç¨ç°ä»£CSS+æåå®å
¨å¯ä»¥æ¿ä»£ä¸äºåªææåçå¾çã
b. 使ç¨åæ³çæ ç¾é¿å
æµè§å¨è§£æHTMLæ¶åâerror correctionâçæä½ï¼è¿å¯ä»¥è¢«HTML Tidyæ¥ç»HTMLåè¥ã
8. Chunk your contentï¼
a. ä¸è¦ä½¿ç¨åµå¥tableï¼è使ç¨éåµå¥tableæè
divãå°åºäºå¤§ååµå¥çtableçlayoutå解æå¤ä¸ªå°tableï¼è¿æ ·å°±ä¸éè¦çå°æ´ä¸ªé¡µé¢ï¼æ大tableï¼å
容å
¨é¨å è½½å®ææ¾ç¤ºã
9. æå®å¾ååtableç大å°ï¼
a. å¦ææµè§å¨å¯ä»¥ç«å³å³å®å¾åætableç大å°ï¼é£ä¹å®å°±å¯ä»¥é©¬ä¸æ¾ç¤ºé¡µé¢èä¸è¦éæ°åä¸äºå¸å±å®æçå·¥ä½ã
b. è¿ä¸ä»
å å¿«äºé¡µé¢çæ¾ç¤ºï¼ä¹é¢é²äºé¡µé¢å®æå è½½åå¸å±çä¸äºä¸å½çæ¹åã
c. image使ç¨heightåwidthã
温馨提示:答案为网友推荐,仅供参考