ÏÂÃ潫½éÉÜHTML5µÄ±àÂë¹æ·¶£¨copy from w3c£©£»
ʹÓÃÕýÈ·µÄÎĵµÀàÐÍ
ÎĵµÀàÐÍÉùÃ÷λÓÚHTMLÎĵµµÄµÚÒ»ÐУº
Èç¹ûÄãÏë¸úÆäËû±êÇ©Ò»ÑùʹÓÃСд£¬¿ÉÒÔʹÓÃÒÔÏ´úÂ룺
ʹÓÃСдԪËØÃû
HTML5 ÔªËØÃû¿ÉÒÔʹÓôóдºÍСд×Öĸ¡£
¹Ø±ÕËùÓÐ HTML ÔªËØ
ÔÚ HTML5 ÖÐ, Äã²»Ò»¶¨Òª¹Ø±ÕËùÓÐÔªËØ (ÀýÈç
ÔªËØ)£¬µ«ÎÒÃǽ¨Òéÿ¸öÔªËض¼ÒªÌí¼Ó¹Ø±Õ±êÇ©¡£
¹Ø±Õ¿ÕµÄ HTML ÔªËØ
ÔÚ HTML5 ÖÐ, ¿ÕµÄ HTML ÔªËØÒ²²»Ò»¶¨Òª¹Ø±Õ£º
ÎÒÃÇ¿ÉÒÔÕâôд£º
Ò²¿ÉÒÔÕâôд£º
ÔÚ XHTML ºÍ XML ÖÐбÏß (/) ÊDZØÐëµÄ¡£
ʹÓÃСдÊôÐÔÃû
HTML5 ÊôÐÔÃûÔÊÐíʹÓôóдºÍСд×Öĸ¡£
ÊôÐÔÖµ
HTML5 ÊôÐÔÖµ¿ÉÒÔ²»ÓÃÒýºÅ¡£
ÊôÐÔÖµÎÒÃÇÍƼöʹÓÃÒýºÅ:
ͼƬÊôÐÔ
ͼƬͨ³£Ê¹ÓÃaltÊôÐÔ¡£ ÔÚͼƬ²»ÄÜÏÔʾʱ£¬ËüÄÜÌæ´úͼƬÏÔʾ¡£
alt=¡°HTML5¡±style=¡°width:128px;height:128px¡±>
¶¨ÒåºÃͼƬµÄ³ß´ç£¬ÔÚ¼ÓÔØʱ¿ÉÒÔÔ¤ÁôÖ¸¶¨¿Õ¼ä£¬¼õÉÙÉÁ˸¡£
style=¡°width:128px;height:128px¡°>
¿Õ¸ñºÍµÈºÅ
µÈºÅÇ°ºó¿ÉÒÔʹÓÿոñ¡£
µ«ÎÒÃÇÍƼöÉÙÓÿոñ:
±ÜÃâÒ»ÐдúÂë¹ý³¤
ʹÓà HTML ±à¼Æ÷£¬×óÓÒ¹ö¶¯´úÂëÊDz»·½±ãµÄ¡£
ÿÐдúÂ뾡Á¿ÉÙÓÚ 80 ¸ö×Ö·û¡£
¿ÕÐкÍËõ½ø
²»ÒªÎÞÔµÎÞ¹ÊÌí¼Ó¿ÕÐС£
Ϊÿ¸öÂß¼¹¦ÄÜ¿éÌí¼Ó¿ÕÐУ¬ÕâÑù¸üÒ×ÓÚÔĶÁ¡£
Ëõ½øʹÓÃÁ½¸ö¿Õ¸ñ£¬²»½¨ÒéʹÓà TAB¡£
±È½Ï¶ÌµÄ´úÂë¼ä²»ÒªÊ¹Óò»±ØÒªµÄ¿ÕÐкÜËõ½ø¡£
Ê¡ÂÔ ºÍ ?
ÔÚ±ê×¼ HTML5 ÖУ¬ ºÍ ±êÇ©ÊÇ¿ÉÒÔÊ¡ÂԵġ£
²»ÍƼöÊ¡ÂÔ ºÍ ±êÇ©¡£
Ê¡ÂÔ ?
ÔÚ±ê×¼ HTML5 ÖУ¬ ±êÇ©ÊÇ¿ÉÒÔÊ¡ÂԵġ£
ĬÈÏÇé¿öÏ£¬ä¯ÀÀÆ÷»á½« ֮ǰµÄÄÚÈÝÌí¼Óµ½Ò»¸öĬÈÏµÄ ÔªËØÉÏ¡£
HTML ×¢ÊÍ
×¢ÊÍ¿ÉÒÔдÔÚ ÖÐ:
±È½Ï³¤µÄÆÀÂÛ¿ÉÒÔÔÚ ÖзÖÐÐд£º
³¤ÆÀÂÛµÚÒ»¸ö×Ö·ûËõ½øÁ½¸ö¿Õ¸ñ£¬¸üÒ×ÓÚÔĶÁ¡£
Ñùʽ±í
Ñùʽ±íʹÓüò½àµÄÓï·¨¸ñʽ ( type ÊôÐÔ²»ÊDZØÐëµÄ):
¶ÌµÄ¹æÔò¿ÉÒÔд³ÉÒ»ÐÐ:
p.into{font-family:Verdana;font-size:16em;}
³¤µÄ¹æÔò¿ÉÒÔд³É¶àÐÐ:
body{
background-color:lightgrey;
font-family:¡°Arial Black¡±, Helvetica, sans-serif;
font-size:16em;
color:black;
}
ʹÓà JavaScript ·ÃÎÊ HTML ÔªËØ
Ò»¸öÔã¸âµÄ HTML ¸ñʽ¿ÉÄܻᵼÖ JavaScript Ö´ÐдíÎó¡£
ÒÔÏÂÁ½¸ö JavaScript Óï¾ä»áÊä³ö²»Í¬½á¹û:
ʵÀý
varobj =getElementById(¡°Demo¡±)
varobj = getElementById(¡°demo¡±)
HTML ÖÐ JavaScript ¾¡Á¿Ê¹ÓÃÏàͬµÄÃüÃû¹æÔò¡£
ʹÓÃСдÎļþÃû
´ó¶à Web ·þÎñÆ÷ (Apache, Unix) ¶Ô´óСдÃô¸Ð£ºlondon.jpg ²»ÄÜͨ¹ý London.jpg ·ÃÎÊ¡£
ÆäËû Web ·þÎñÆ÷ (Microsoft, IIS) ¶Ô´óСд²»Ãô¸Ð£ºlondon.jpg ¿ÉÒÔͨ¹ý London.jpg »ò london.jpg ·ÃÎÊ¡£
Äã±ØÐë±£³ÖͳһµÄ·ç¸ñ£¬ÎÒÃǽ¨ÒéͳһʹÓÃСдµÄÎļþÃû¡£
ÎļþÀ©Õ¹Ãû
HTML Îļþºó׺¿ÉÒÔÊÇ.html(»òr.htm)¡£
CSS Îļþºó׺ÊÇ.css¡£
JavaScript Îļþºó׺ÊÇ.js¡£
.htm ºÍ .html µÄÇø±ð
.htm ºÍ .html µÄÀ©Õ¹ÃûÎļþ±¾ÖÊÉÏÊÇûÓÐÇø±ðµÄ¡£ä¯ÀÀÆ÷ºÍ Web ·þÎñÆ÷¶¼»á°ÑËüÃǵ±×÷ HTML ÎļþÀ´´¦Àí¡£
Çø±ðÔÚÓÚ£º
.htm Ó¦ÓÃÔÚÔçÆÚ DOS ϵͳ£¬ÏµÍ³ÏÖÔÚ»òÕßÖ»ÄÜÓÐÈý¸ö×Ö·û¡£
ÔÚ Unix ϵͳÖкó׺ûÓÐÌرðÏÞÖÆ£¬Ò»°ãÓà .html¡£
¼¼ÊõÉÏÇø±ð
Èç¹ûÒ»¸ö URL ûÓÐÖ¸¶¨ÎļþÃû (Èç //www.w3cschool.cn/css/), ·þÎñÆ÷»á·µ»ØĬÈϵÄÎļþÃû¡£Í¨³£Ä¬ÈÏÎļþÃûΪ index.html, index.htm, default.html, ºÍ default.htm¡£
Èç¹û·þÎñÆ÷Ö»ÅäÖÃÁË ¡°index.html¡± ×÷ΪĬÈÏÎļþ£¬Äã±ØÐ뽫ÎļþÃüÃûΪ ¡°index.html¡±, ¶ø²»ÊÇ ¡°index.htm¡±¡£
µ«ÊÇ£¬Í¨³£·þÎñÆ÷¿ÉÒÔÉèÖöà¸öĬÈÏÎļþ£¬Äã¿ÉÒÔ¸ù¾ÝÐèÒªÉèÖÃĬÈÏÎļþÂð¡£
²»¹ÜÔõÑù£¬HTML ÍêÕûµÄºó׺ÊÇ ¡°.html¡±¡£
ÁìȡרÊô 10ÔªÎÞÃż÷ȯ
˽Ïí×îР¼¼Êõ¸É»õ