HTML5ÈëÃÅ

СǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·£¨13£©¡ª¡ªHTML5ÖеÄÈ«¾ÖÊôÐÔ

×ÖºÅ+ ×÷ÕߣºË®º® À´Ô´£ºcsdn 2015-06-02 10:01 ÎÒÒªÆÀÂÛ( )

Ò»¡¢accssskey ¿ì½Ý¼üСǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·Android²ËÄñµÄ³É³¤±Ê¼Ç×¢ÊÍ£ºÇëʹÓà Alt + accessKey À´·ÃÎÊ´øÓпì½Ý¼üµÄÔªËØ¡£ÓÐÐËȤµÄÅóÓÑ¿ÉÒÔ°´×¡Alt + g ºÍ Alt + wÊÔÒ»ÏÂСǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·Android²ËÄñµÄ³É³¤±Ê¼Ç×¢ÊÍ£ºÇëʹÓà Alt + accessKey À´·ÃÎÊ

Ò»¡¢accssskey  ¿ì½Ý¼ü

<!DOCTYPE HTML>
<html>
<body>

<a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">СǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·</a><br />
<a href="http://blog.csdn.net/column/details/android-growup.html" accesskey="g">Android²ËÄñµÄ³É³¤±Ê¼Ç</a>

<p><b>×¢ÊÍ£º</b>ÇëʹÓà Alt + <i>accessKey</i> À´·ÃÎÊ´øÓпì½Ý¼üµÄÔªËØ¡£</p>

</body>
</html>

ÓÐÐËȤµÄÅóÓÑ¿ÉÒÔ°´×¡Alt + g ºÍ Alt + wÊÔÒ»ÏÂ

СǿµÄHTML5Òƶ¯¿ª·¢Ö®Â·
Android²ËÄñµÄ³É³¤±Ê¼Ç

×¢ÊÍ£ºÇëʹÓà Alt + accessKey À´·ÃÎÊ´øÓпì½Ý¼üµÄÔªËØ¡£

¸Ã±êÇ©ÔÚHTML4ºÍHTML5Ö®¼äûÓвîÒì¡£

¶þ¡¢class ÊôÐÔ£¬¹æ¶¨ÔªËØÀàÃû

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Çë×¢ÒâÕâ¸öÖØÒªµÄ¶ÎÂä¡£:)</p>

</body>
</html>

Èý¡¢contenteditable ÊôÐԹ涨ÊÇ·ñ¿É±à¼­ÔªËصÄÄÚÈÝ

<!DOCTYPE HTML>
<html>
<body>

<p contenteditable="true">ÕâÊÇÒ»¶Î¿É±à¼­µÄ¶ÎÂä¡£ÇëÊÔ×ű༭¸ÃÎı¾¡£</p>

</body>
</html>

ÕâÊÇÒ»¶Î¿É±à¼­µÄ¶ÎÂä¡£ÇëÊÔ×ű༭¸ÃÎı¾¡£

contenteditable ÊôÐÔÊÇ HTML5 ÖеÄÐÂÊôÐÔ

ËÄ¡¢contextmenu ÊôÐÔΪԪËع涨ÉÏÏÂÎIJ˵¥¡£Õâ¸ö²Ëµ¥»áÔÚÓû§ÓÒ¼üµã»÷ÔªËØʱ³öÏÖ

ĿǰûÓÐÈκÎÖ÷Á÷ä¯ÀÀÆ÷Ö§³Ö contextmenu ÊôÐÔ¡£

<!DOCTYPE html>
<html>
<body>

<p contextmenu="supermenu">±¾¶ÎÂäÓµÓÐÒ»¸öÃûΪ "supermenu" µÄÉÏÏÂÎIJ˵¥¡£Õâ¸ö²Ëµ¥»áÔÚÓû§ÓÒ¼üµ¥»÷¸Ã¶ÎÂäʱ³öÏÖ¡£</p>  

<menu id="supermenu">
  <command label="Step 1: Write Tutorial" onclick="doSomething()">
  <command label="Step 2: Edit Tutorial" onclick="doSomethingElse()">
</menu>

<p><b>×¢ÊÍ£º</b>Ä¿Ç°µÄÖ÷Á÷ä¯ÀÀÆ÷¶¼²»Ö§³Ö contextmenu ÊôÐÔ¡£</p>

</body>
</html
Îå¡¢dir ÊôÐԹ涨ԪËØÄÚÈݵÄÎı¾·½Ïò¡£

<p dir="rtl">Write this text right-to-left!</p>

ÃèÊö
ltr ´Ó×óÏòÓÒµÄÎı¾·½Ïò¡£
rtl ´ÓÓÒÏò×óµÄÎı¾·½Ïò¡£
auto ÈÃä¯ÀÀÆ÷¸ù¾ÝÄÚÈÝÀ´ÅжÏÎı¾·½Ïò¡£½öÔÚÎı¾·½Ïòδ֪ʱÍƼöʹÓá£
Áù¡¢draggable ÊôÐԹ涨ԪËØÊÇ·ñ¿ÉÍ϶¯¡£
ÃèÊö
true ¹æ¶¨ÔªËØÊÇ¿ÉÍ϶¯µÄ¡£
false ¹æ¶¨ÔªËØÊDz»¿ÉÍ϶¯µÄ¡£
auto ʹÓÃä¯ÀÀÆ÷µÄĬÈÏÌØÐÔ¡£

Ä¿Ç°Ö»ÓÐ Firefox¡¢Chrome ÒÔ¼° Safari Ö§³Ö draggable ÊôÐÔ¡£

Æß¡¢dropzone ÊôÐԹ涨µ±±»Í϶¯µÄÊý¾ÝÔÚÍϷŵ½ÔªËØÉÏʱ£¬ÊÇ·ñ±»¸´ÖÆ¡¢Òƶ¯»òÁ´½Ó¡£

ĿǰûÓÐÈκÎÖ÷Á÷ä¯ÀÀÆ÷Ö§³Ö dropzone ÊôÐÔ¡£

°Ë¡¢hidden ÊôÐԹ涨¶ÔÔªËؽøÐÐÒþ²Ø¡£

hidden ÊôÐÔÊÇ HTML5 ÖеÄÐÂÊôÐÔ¡£

¾Å¡¢id ÊôÐԹ涨 HTML ÔªËصÄΨһµÄ id

<html>
<head>
<script type="text/javascript">
function change_header()
{
document.getElementById("myHeader").innerHTML="Nice day!";
}
</script>
</head>

<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="change_header()">¸Ä±äÎı¾</button>
</body>

</html>

Ê®¡¢lang ÊôÐԹ涨ԪËØÄÚÈݵÄÓïÑÔ¡£

ISO 639-1 Ϊ¸÷ÖÖÓïÑÔ¶¨ÒåÁËËõÂÔ´Ê¡£Äú¿ÉÒÔÔÚ HTML ºÍ XHTML ÖÐµÄ lang ºÍ xml:lang ÊôÐÔÖÐʹÓÃËüÃÇ¡£

Language ISO Code
Abkhazian ab
Afar aa
Afrikaans af
Albanian sq
Amharic am
Arabic ar
Armenian hy
Assamese as
Aymara ay
Azerbaijani az
Bashkir ba
Basque eu
Bengali (Bangla) bn
Bhutani dz
Bihari bh
Bislama bi
Breton br
Bulgarian bg
Burmese my
Byelorussian (Belarusian) be
Cambodian km
Catalan ca
Cherokee  
Chewa  
Chinese (Simplified) zh
Chinese (Traditional) zh
Corsican co
Croatian hr
Czech cs
Danish da
Divehi  
Dutch nl
Edo  
English en
Esperanto eo
Estonian et
Faeroese fo
Farsi fa
Fiji fj
Finnish fi
Flemish  
French fr
Frisian fy
Fulfulde  
Galician gl
Gaelic (Scottish) gd
Gaelic (Manx) gv
Georgian ka
German de
Greek el
Greenlandic kl
Guarani gn
Gujarati gu
Hausa ha
Hawaiian  
Hebrew he, iw
Hindi hi
Hungarian hu
Ibibio  
Icelandic is
Igbo  
Indonesian id, in
Interlingua ia
Interlingue ie
Inuktitut iu
Inupiak ik
Irish ga
Italian it
Japanese ja
Javanese jv
Kannada kn
Kanuri  
Kashmiri ks
Kazakh kk
Kinyarwanda (Ruanda) rw
Kirghiz ky
Kirundi (Rundi) rn
Konkani  
Korean ko
Kurdish ku
Laothian lo
Latin la
Latvian (Lettish) lv
Limburgish ( Limburger) li
Lingala ln
Lithuanian lt
Macedonian mk
Malagasy mg
Malay ms
Malayalam ml
   
Maltese mt
Maori mi
Marathi mr
Moldavian mo
Mongolian mn
Nauru na
Nepali ne
Norwegian no
Occitan oc
Oriya or
Oromo (Afan, Galla) om
Papiamentu  
Pashto (Pushto) ps
Polish pl
Portuguese pt
Punjabi pa
Quechua qu
Rhaeto-Romance rm
Romanian ro
Russian ru
Sami (Lappish)  
Samoan sm
Sangro sg
Sanskrit sa
Serbian sr
Serbo-Croatian sh
Sesotho st
Setswana tn
Shona sn
Sindhi sd
Sinhalese si
Siswati ss
Slovak sk
Slovenian sl
Somali so
Spanish es
Sundanese su
Swahili (Kiswahili) sw
Swedish sv
Syriac  
Tagalog tl
Tajik tg
Tamazight  
Tamil ta
Tatar tt
Telugu te
Thai th
Tibetan bo
Tigrinya ti
Tonga to
Tsonga ts
Turkish tr
Turkmen tk
Twi tw
Uighur ug
Ukrainian uk
Urdu ur
Uzbek uz
Venda  
Vietnamese vi
Volapuk vo
Welsh cy
Wolof wo
Xhosa xh
Yi  
Yiddish yi, ji
Yoruba yo
Zulu zu

ʮһ¡¢spellcheck ÊôÐԹ涨ÊÇ·ñ¶ÔÔªËØÄÚÈݽøÐÐƴд¼ì²é¡£

¿É¶ÔÒÔÏÂÎı¾½øÐÐƴд¼ì²é£º

    • ÀàÐÍΪ text µÄ input ÔªËØÖеÄ值£¨·ÇÃÜÂ룩
    • textarea ÔªËØÖеÄ值
    • ¿É±à¼­ÔªËØÖеÄ值

spellcheck ÊôÐÔÊÇ HTML5 ÖеÄÐÂÊôÐÔ¡£

Ê®¶þ¡¢style ÊôÐԹ涨ԪËصÄÐÐÄÚÑùʽ£¨inline style£©HTML4ºÍHTML5ÎÞ²îÒì
Ê®Èý¡¢tabindex ÊôÐԹ涨µ±Ê¹Óà "tab" ¼ü½øÐе¼º½Ê±ÔªËصÄ˳Ðò¡£

<!DOCTYPE HTML>
<html>
<body>

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br />
<a href="http://www.google.com/" tabindex="1">Google</a><br />
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

</body>
</html>

Ê®ËÄ¡¢title   ÊôÐԹ涨¹ØÓÚÔªËصĶîÍâÐÅÏ¢

<!DOCTYPE HTML>
<html>
<body>

<p><abbr title="ÊÀ½çÎÀÉú×éÖ¯">WHO</abbr> ³ÉÁ¢ÓÚ 1948¡£</p>
<p title="Ãâ·ÑµÄ Web ½Ì³Ì">W3School.com.cn</pl>

</body>
</html>


¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
  • HTML5³£ÓñêÇ©×ܽá

    HTML5³£ÓñêÇ©×ܽá

    2016-03-23 14:02

  • ÏìӦʽÍøÕ¾ÈçºÎ²ÅÄܵõ½°Ù¶ÈµÄÖØÊÓ

    ÏìӦʽÍøÕ¾ÈçºÎ²ÅÄܵõ½°Ù¶ÈµÄÖØÊÓ

    2016-01-27 10:11

  • html5ѧµÃºÃ²»ºÃ£¬¿´ÕÆÎÕ¶àÉÙ±êÇ©

    html5ѧµÃºÃ²»ºÃ£¬¿´ÕÆÎÕ¶àÉÙ±êÇ©

    2015-09-28 12:53

  • ¹ØÓÚmeta±êÇ©

    ¹ØÓÚmeta±êÇ©

    2015-06-06 16:22

ÍøÓѵãÆÀ
¾«²Êµ¼¶Á
ÈÈÃÅ×ÊѶ
¹Ø×¢ÎÒÃÇ
¹Øע΢ÐŹ«Öںţ¬Á˽â×îо«²ÊÄÚÈÝ

Î