HTML 5µÄбê¼Ç
HTML 5µÄбê¼Ç
Éè¼ÆÕßÃÇÐèÒªÍê³ÉµÄÈÎÎñÊÇÒª¸øHTML 5¿ª·¢Ò»¸ö¸ü·á¸»µÄºÍ¸üÓк¬ÒåµÄÓïÒ壬µ±È»¿ÉÒÔÏëÏóÕâÖÖ
з½°¸½«»áÊǺÜÁé»îºÍºÜ¸ßЧµÄ£¬Í¬Ê±ÓëËùÓеÄÏÖ´ú»¥ÁªÍø±ê×¼ÏàÊÊÓ¦¡£ÏÂÃæ¾ÍÊÇһЩ½«ÒªÔÚ
HTML 5ÀïмÓÈëµÄ±ê¼Ç.
¡ô<article> ±ê¼Ç ¶¨ÒåһƪÎÄÕÂ
¡ô<aside> ±ê¼Ç ¶¨ÒåÒ³ÃæÄÚÈݲ¿·ÖµÄ²à±ßÀ¸
¡ô<audio> ±ê¼Ç ¶¨ÒåÒôƵÄÚÈÝ
¡ô<canvas> ±ê¼Ç ¶¨ÒåͼƬ
¡ô<command> ±ê¼Ç ¶¨ÒåÒ»¸öÃüÁî°´Å¥
¡ô<datalist> ±ê¼Ç ¶¨ÒåÒ»¸öÏÂÀÁбí
¡ô<details> ±ê¼Ç ¶¨ÒåÒ»¸öÔªËصÄÏêϸÄÚÈÝ
¡ô<dialog> ±ê¼Ç ¶¨ÒåÒ»¸ö¶Ô»°¿ò(»á»°¿ò)
¡ô<embed> ±ê¼Ç ¶¨ÒåÍⲿµÄ¿É½»»¥µÄÄÚÈÝ»ò²å¼þ
¡ô<figure> ±ê¼Ç ¶¨ÒåÒ»×éýÌåÄÚÈÝÒÔ¼°ËüÃǵıêÌâ
¡ô<footer> ±ê¼Ç ¶¨ÒåÒ»¸öÒ³Ãæ»òÒ»¸öÇøÓòµÄµ×²¿
¡ô<header> ±ê¼Ç ¶¨ÒåÒ»¸öÒ³Ãæ»òÒ»¸öÇøÓòµÄÍ·²¿
¡ô<hgroup> ±ê¼Ç ¶¨ÒåÎļþÖÐÒ»¸öÇø¿éµÄÏà¹ØÐÅÏ¢
¡ô<keygen> ±ê¼Ç ¶¨Òå±íµ¥ÀïÒ»¸öÉú³ÉµÄ¼üÖµ
¡ô<mark> ±ê¼Ç ¶¨ÒåÓбê¼ÇµÄÎı¾
¡ô<meter> ±ê¼Ç ¶¨Òå measurement within a
predefined range
¡ô<nav> ±ê¼Ç ¶¨Òåµ¼º½Á´½Ó
¡ô<output> ±ê¼Ç ¶¨ÒåһЩÊä³öÀàÐÍ
¡ô<progress> ±ê¼Ç ¶¨ÒåÈÎÎñµÄ¹ý³Ì
¡ô<rp> ±ê¼ÇÊÇÓÃÔÚRuby annotations ¸æËßÄÇЩ²»Ö§³Ö Ruby ÔªËصÄä¯ÀÀÆ÷ÈçºÎÈ¥ÏÔʾ
¡ô<rt> ±ê¼Ç ¶¨Òå¶Ôruby
annotationsµÄ½âÊÍ
¡ô<ruby> ±ê¼Ç ¶¨Òå ruby annotations.
¡ô<section> ±ê¼Ç ¶¨ÒåÒ»¸öÇøÓò
¡ô<source> ±ê¼Ç ¶¨ÒåýÌå×ÊÔ´
¡ô<time> ±ê¼Ç ¶¨ÒåÒ»¸öÈÕÆÚ/ʱ¼ä
¡ô<video> ±ê¼Ç ¶¨ÒåÒ»¸öÊÓƵ
Ï£ÍûËùÓеÄÕâЩ±ê¼Ç¶¼ÄܳÉΪÕæÕý”ÓÐÉúÃüÁ¦“µÄºÍÓÐÓõıê¼Ç£¬¶ø²»ÊÇÖ»ÊǽñÌì¿´À´ÊǺܿáµÄ
±ê¼Ç¡£
HTML 5 µÄ¼õ¸º
ÄãÊÇ·ñºÜ¼ÇµÃÄǸö¹ÅÀϵÄÄê´ú£¬HTML3±»µ±³ÉÒ»ÖÖÖ»ÄÜÔÚNetscapeÀïÔËÐеÄÉñÆæµÄ¶«Î÷£¿Êǵģ¬
ÄǾÍÊÇ»¥ÁªÍøʱ´úµÄÀèÃ÷³õÏÖ¡£ÎÒÃǵ±È»²»»áÍü¼ÇÄǶÎÀúÊ·£¬µ«ÏòһЩÓÅÐãµÄÈ´³Â¾ÉµÄ¶«Î÷˵ÔÙ
¼ûÒ²ÊǺϺõÇéÀíµÄ£¨ÌرðÊǵ±ËüÃÇÄ¿Ç°²»±»ÈÏΪÄÇôºÃÓ㬻òÒÑûÓÐÈËÔÙ×¢ÒâËüÃǵÄʱºòʱ£©¡£
Òò´Ë£¬HTML 5µÄÉè¼ÆÕßÃǷϳýÁËһЩÀϵıê¼Ç£¬ÒòΪÕâЩ±ê×¼Ö»ÓÐÄÇЩHTML¹Ö²Å²Å»áʹÓã¬Ò²Òò
ΪÕâЩ±ê¼ÇÒѾÍêȫʧȥÓô¦£¬ÐµÄHTML±ê¼ÇÀォ²»»áÔÙ°üÀ¨ËüÃÇ – ÎÒÏëÎÒÃÇÓ¦¸Ã¾Í´Ë¸ÐлÕâ
ЩÉè¼ÆÕßÃÇ¡£±Ï¾¹ÊÇÕâЩ±ê¼ÇʵÔÚÊÇÌ«ÀϾÉÁË£¬ÒÔÖÁÓÚ¿ÉÒÔÏëÏó£¬20Ä
Ïà¹ØÎĵµ£º
<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......
/**
* °ÑÎı¾±àÂëΪHtml´úÂë
* @param target
* @return ±àÂëºóµÄ×Ö·û´®
*/
public static String htmEncode(String target)
{
StringBuffer stringbuffer = new StringBuffer();
int j = target.length();
for (int i = 0; i < j; i++)
......
Ç°ÃæµÄ¿Î³ÌÖУ¬ÎÒÃÇѧϰÁ˱í¸ñÔªËØ£¬ÉϽڿÎÖУ¬ÎÒÃÇͨ¹ýÒ»±¾±í¸ñÀ´¶Ô±íµ¥ÄÚµÄ×é¼þ½øÐÐλÖõĿØÖÆ£¬ÕâÆäʵ¾ÍÊÇÒ»ÖÖ¼òµ¥µÄ±í¸ñ²¼¾Ö¡£Õâ½Ú¿Î£¬ÎÒÃÇÏêϸÀ´ÌÖÂÛÒ»ÏÂʹÓñí¸ñµÄ²¼¾Ö·½·¨¡£
¿´ÈçÏ´úÂ룺
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml ......
ÓÃjavascriptÅжÏÒ»¸öhtmlÔªËØÊÇ·ñ´æÔÚµÄÎåÖÖ·½·¨£º
1. ÅÐ¶Ï±íµ¥ÔªËØÊÇ·ñ´æÔÚ£¨Ò»£©
if("periodPerMonth" in document.theForm){
return true;
}else{
return false;
}
2. ÅжÏÒ³ÃæÔªËØÊÇ·ñ´æÔÚ
if(document.getElementById("XXX")){
//´æÔÚ
}
3. ÅÐ¶Ï±íµ¥ÔªËØÊÇ·ñ´æÔÚ£¨¶þ£©
if(document.theForm. ......
.winstonDivClass{ overflow:hidden; zoom:1; }
Èç¹û¸¸divÐèÒª¸ù¾Ý×ÓdivµÄ´óСµÄ±ä»¯¶ø±ä»¯£¬ÄÇôÕâ¸ö¸¸div
ÐèÒª¼ÓÉÏclass="winstonDivClass"
,ÇҸø¸div²»ÄÜÖ¸¶¨heightÊôÐÔ£¬ÆäÖеÄ×ÓdivµÄpositionÊôÐÔ×îºÃΪrelative;
ÓÃzoom:1;´¥·¢ieµÄhaslayout,ÓÃÀ´Ç帡¶¯
¶øoverflow¿ÉÒÔ´¥·¢ie7µÄhaslayout£¬²¢ÔÚFF ......