HTML/HTML 5 ¤Î¥Ð¥Ã¥¯¥¢¥Ã¥×(No.20)
- ¥Ð¥Ã¥¯¥¢¥Ã¥×°ìÍ÷
- º¹Ê¬ ¤òɽ¼¨
- ¸½ºß¤È¤Îº¹Ê¬ ¤òɽ¼¨
- ¥½¡¼¥¹ ¤òɽ¼¨
- HTML/HTML 5 ¤Ø¹Ô¤¯¡£
- 1 (2011-08-17 (¿å) 08:14:50)
- 2 (2011-08-28 (Æü) 21:52:12)
- 3 (2011-11-27 (Æü) 10:58:01)
- 4 (2012-05-22 (²Ð) 00:46:52)
- 5 (2012-12-18 (²Ð) 01:10:49)
- 6 (2013-02-18 (·î) 22:42:52)
- 7 (2013-04-15 (·î) 15:25:36)
- 8 (2013-07-24 (¿å) 15:25:07)
- 9 (2013-08-16 (¶â) 05:03:48)
- 10 (2013-10-10 (ÌÚ) 13:57:49)
- 11 (2014-02-01 (ÅÚ) 05:20:13)
- 12 (2014-02-07 (¶â) 13:34:32)
- 13 (2014-03-21 (¶â) 02:21:07)
- 14 (2014-04-14 (·î) 02:11:02)
- 15 (2014-04-24 (ÌÚ) 04:46:20)
- 16 (2014-05-29 (ÌÚ) 15:07:25)
- 17 (2014-06-09 (·î) 21:53:03)
- 18 (2014-06-11 (¿å) 23:46:30)
- 19 (2014-07-07 (·î) 14:07:11)
- 20 (2014-07-10 (ÌÚ) 14:48:46)
- 21 (2014-09-05 (¶â) 01:34:00)
- 22 (2014-12-14 (Æü) 00:33:05)
- 23 (2015-03-24 (²Ð) 23:34:28)
- 24 (2016-02-02 (²Ð) 20:33:59)
HTML | HTML/HTML 4.01 | HTML/XHTML 1.0
²¼µ¤Î¥µ¥ó¥×¥ë¥×¥í¥°¥é¥à¤òÃæ¿´¤ËHTML 5¤Ç¿§¡¹»î¤·¤¿ÆâÍƤò¤Þ¤È¤á¤Æ¤¤¤Þ¤¹¡£
¡Ø¤Ï¤¸¤á¤Æºî¤ë¿Í¤Î¤¿¤á¤ÎiPhone¥¦¥§¥Ö¡¦¥¢¥×¥ê¥±¡¼¥·¥ç¥ófor Windows¡Ù
º´Æ£¿®ÀµÃø Rutles´©
¥·¥ó¥×¥ë¤Ê¥¹¥Þ¡¼¥È¥Õ¥©¥óÂбþHTML 5¥Õ¥©¡¼¥Þ¥Ã¥È
#pre{{
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<title>¥·¥ó¥×¥ë¤Ê¥¹¥Þ¡¼¥È¥Õ¥©¥óÂбþHTML 5¥Õ¥©¡¼¥Þ¥Ã¥È</title>
</head>
<body>
<h1>¥·¥ó¥×¥ë¤Ê¥¹¥Þ¡¼¥È¥Õ¥©¥óÂбþHTML 5¥Õ¥©¡¼¥Þ¥Ã¥È</h1>
</body>
</html>
}}
¿§¡¹¾Êά¤·¤¿HTML 5¥Õ¥©¡¼¥Þ¥Ã¥È
<!DOCTYPE html> <meta charset="UTF-8"> <title>¿§¡¹¾Êά¤·¤¿HTML 5¥Õ¥©¡¼¥Þ¥Ã¥È</title> <p>Hello!</p>
·ë²Ì
Â裱À¤Âå¤ÎiPod touch¡¢iPad¶¡¤Ë²èÌ̺¸¾å¤Ë¤È¤Æ¤â¾®¤µ¤¯É½¼¨¤µ¤ì¤Þ¤·¤¿¡£
ÆäËiPod touch¤Ï²èÌ̤¬¾®¤µ¤¤¤Î¤Ç¡¢Ê¸»ú¤¬ÄÙ¤ì¤Æ¸«¤¨¤Ê¤¤¤¯¤é¤¤¤Ç¤·¤¿¡£
²èÌÌ¥µ¥¤¥º¤¬980x1470¤È¸«¤Ê¤·¤Æɽ¼¨¤µ¤ì¤Æ¤¤¤ë¤½¤¦¤Ç¤¹¡£
¤½¤Î¾¤ÎÆÃħ
- ²èÌÌÁ´ÂΤËÂФ¹¤ëʸ»ú¤Î¥Ð¥é¥ó¥¹¤Ï¤É¤Á¤é¤ÎüËö¤Ç¤âƱ¤¸ÈæΨ
- ¥Ô¥Ã¥Á¤Ç²èÌ̤ò³ÈÂ硦½Ì¾®²Äǽ
- ·¹¤²Äǽ¤ÊÀßÄê¤Î¤È¤¡¢²èÌ̤ò²£Ä¹¤Ë·¹¤±¤ë¤È²èÌ̤¬²£Ä¹
- ²èÌ̤ò²£Ä¹¤Ë¤¹¤ë¤È£±¹ÔÌܤβ£Éý¤¬¹¤¯¤Ê¤ë¤¬¡¢¤³¤ì¤Ë¹ç¤ï¤»¤Æʸ»ú¤¬£±¹ÔÁ´ÂÎŤµ¤È¤ÎÈæΨ¤òÊݤäƳÈÂç
¤³¤ì¤Ç¤ÏiPhone¤Ç¸«¤¿¤È¤Ê¸»ú¤¬¾®¤µ¤¹¤®¤Þ¤¹¡£viewport¤ò»È¤¦¤Èɽ¼¨¤¹¤ë²èÌÌ¥µ¥¤¥º¤ò»ØÄê¤Ç¤¤Þ¤¹¡£
ÀßÄêÊýË¡¤Ï£²¼ïÎढ¤ê¤Þ¤¹¡£
Â礤µ¤¬iPhone¤ÎüËö¤Ç²èÌÌÀ߷פ·¡¢iPad¤Ç¤Ï¤½¤ì¤ò³ÈÂ礹¤ë¾ì¹ç
<meta name="viewport" content="width=320">
iPod touch¤Ç¤Ï²èÌ̤¬²£Éý¤ËÂФ·¤Æ¤Û¤É¤è¤¯Ê¸»ú¤¬³ÈÂ礷¤Þ¤·¤¿¡£
iPad¤Ç¤Ï¤½¤Î²èÌ̤¬³ÈÂ礵¤ì¤¿¡¢Â礤á¤Îʸ»ú¤Î²èÌ̤Ȥʤê¤Þ¤·¤¿¡£
Â礤µ¤¬iPhone¤ÎüËö¤Ç²èÌÌÀ߷פ·¡¢iPad¤Ç¤Ï¹â²òÁüÅ٤ǾðÊóÎ̤ò¿¤¯¤¹¤ë¾ì¹ç
<meta name="viewport" content="width=device-width">
iPod touch¤Ç¤Ï²èÌ̤¬²£Éý¤ËÂФ·¤Æ¤Û¤É¤è¤¯Ê¸»ú¤¬³ÈÂ礷¤Þ¤·¤¿¡£
iPad¤Ç¤Ï»ØÄꤷ¤Ê¤¤¾ì¹ç¤ÈƱ¤¸¤¯¾®¤µ¤¤Ê¸»ú¥µ¥¤¥º¤Ç¤·¤¿¡£
viewport¤Ë¤Ï¥»¥ß¥³¥í¥ó¤Ç¶èÀڤäƾ¤Ë¤âÀßÄê¤Ç¤¤Þ¤¹¡£
ÀßÄê¹àÌÜ | ÈÏ°Ï | ¥Ç¥Õ¥©¥ë¥ÈÃÍ | ÆâÍÆ |
width | 200¡Á10000 | 980 | viewportÉý¤Î¥Ô¥¯¥»¥ëÃÍ |
height | 223¡Á10000 | width¤«¤éÈæÎ㤷¤¿¹â¤µ | viewport¹â¤µ¤Î¥Ô¥¯¥»¥ëÃÍ |
user-scalable | yes¤Þ¤¿¤Ïno | yes | ¸«¤¿Ìܤò³ÈÂç¤Ç¤¤ë¤«¤É¤¦¤« |
initial-scale | 1.0 | ³ÈÂçΨ½é´üÃÍ | |
minimum-scale | 0¡Á10.0 | 0.25 | ºÇ¾®³ÈÂçΨ |
maximum-scale | 0¡Á10.0 | 1.60 | ºÇÂç³ÈÂçΨ |
¥µ¥ó¥×¥ë£²¡§iPhoneÍѤγÈÂçΨ¤ò¹Íθ¤·¤¿html5µ½ÒÎã
<!DOCTYPE html> <meta charset="UTF-8"> <meta name="viewport" content="width=320"> <title>¥é¥Ã¥¡¼¥Ê¥ó¥Ð¡¼</title> <p>¥é¥Ã¥¡¼¥Ê¥ó¥Ð¡¼¤Ï¡©7</p>
¥µ¥ó¥×¥ë£³¡§CSS¤ò¾¯¤·ÍѤ¤¤¿iPhoneÍѤΥ·¥ó¥×¥ë¤Êhtml5µ½ÒÎã
¥ê¥ó¥¯
- ¥¹¥Þ¥Û¸þ¤± HTML5 ¥¦¥§¥Ö¥²¡¼¥à¤òºî¤ë¤¿¤á¤ËɬÍ×¤Ê 5 ¤Ä¤Î¤³¤È | feb19.jp/blog ¡ù¡ù¡ù
- ¥¹¥Þ¡¼¥È¥Õ¥©¥óÂбþ¤Ç¤è¤¯»È¤¦html¡¢css¡¢javascript¤Î¤Þ¤È¤á ¡ù¡ù¡ù
- ¤³¤ì¤¬¥¹¥Þ¡¼¥È¥Õ¥©¥ó¸þ¤±¥µ¥¤¥È¤òºî¤ë¤È¤¤Î viewport ÀßÄꣳ¥Ñ¥¿¡¼¥ó¤À | ¤Æ¤Ã¤¯¼Ñ¥Ö¥í¥°
- HTML5¤ÇÄɲ䵤줿input type¤Î¥Ö¥é¥¦¥¶Âбþ¤Ë¤Ä¤¤¤Æ¸¡¾Ú¤·¤Æ¤ß¤¿¡£ | ³ô¼°²ñ¼ÒLIG
- ¥â¥Ð¥¤¥ë¥Ö¥é¥¦¥¶¤Ç¤Î²èÁü¥¢¥Ã¥×¥í¡¼¥É¤Ë¤Ä¤¤¤Æ³Ð¤¨½ñ¤ | havelog
- HTML5¤Ç¡¢¥ª¥Õ¥é¥¤¥ó¤Ç¤â»È¤¨¤ëiPod/iPhoneĶ´Êñ¥¢¥×¥ê¤Ã¤Ý¤¤¤â¤Î¤òºî¤Ã¤Æ¤ß¤¿ | Publickey ... manifest¥Õ¥¡¥¤¥ë¤ò»È¤Ã¤Æ¡¢¥ª¥Õ¥é¥¤¥ó¤Ç¤âÃÏ¿Þ²èÁü¥Õ¥¡¥¤¥ë¤ò°·¤¦ÊýË¡¤Î²òÀâ
- ¥Ç¥¶¥¤¥óÎϤǾ¡É顪¥æ¥Ë¡¼¥¯¤¹¤®¤ëiOS¥¢¥×¥êÍÑ¥¢¥¤¥³¥ó¤Þ¤È¤á + ¥Õ¥¡¥Ó¥³¥óÀßÄêÊýË¡ | PhotoshopVIP
- iPhone/Android¥Ö¥é¥¦¥¶¤ÇÆ°²è¤òºÆÀ¸¤¹¤ë¤È¤¤Î¥Ï¥Þ¤ê¥Ý¥¤¥ó¥È¤ÈÂнèË¡ | U | NOTE¡Ú¥æ¡¼¥Î¡¼¥È¡Û
- ¥¹¥Þ¡¼¥È¥Õ¥©¥óÂбþ¡¢µ¤¤ò¤Ä¤±¤¿¤¤¥È¥é¥Ö¥ë ¥¹¥é¥¤¥É¥·¥ç¡¼
- ¥¹¥Þ¡¼¥È¥Õ¥©¥ó¥µ¥¤¥È¤Î¥³¡¼¥Ç¥£¥ó¥° Tips ¤¢¤ì¤³¤ì | ¥Ð¥·¥ã¥í¥°¡£
- ¥¹¥¯¥ê¥×¥È̵¤·¡¢Æ°²è¤ò¥Ú¡¼¥¸¤ÎÇطʤ¤¤Ã¤Ñ¤¤¤Ëɽ¼¨¤¹¤ëÊýË¡ | ¥³¥ê¥¹
- ¤¿¤Ã¤¿1¹Ô¡ª¥¹¥Þ¥Û¥µ¥¤¥È¤Î¥³¡¼¥Ç¥£¥ó¥°»þ¤ËÌòΩ¤Ä¾®µ»8¡Ê¥µ¥ó¥×¥ë¤¢¤ê¡Ë | Design Color
- iOS - ¤¿¤À¤ÎWeb¥¨¥ó¥¸¥Ë¥¢¤¬¥¹¥Þ¥Û¥µ¥¤¥È¤ò³«È¯¤¹¤ë¤Ë¤¢¤¿¤Ã¤ÆÃΤäƤª¤¤¿¤¤¤³¤È | Qiita
- HTML5¤ÇWeb¥Ú¡¼¥¸¤òºîÀ®¤¹¤ë»þÍѤÎɬÍ׺Ǿ®¸Â¤ò¤Þ¤È¤á¤¿¥·¥ó¥×¥ë¤Ê¥Æ¥ó¥×¥ì¡¼¥È¡ÊIE8°Ê²¼¤âÇÛθ¡Ë | ¥³¥ê¥¹
- WebÀ©ºî¤¬³Ú¤Ë¤Ê¤ë¡ª¤¹¤´¤¤ÌµÎÁHTML¡õPSD¥Æ¥ó¥×¥ì¡¼¥ÈÁǺà35¸Ä¤Þ¤È¤á 2014ǯ7·îÅÙ | Photoshop VIP