ȥå   Խ ʬ Хåå ź ʣ ̾ѹ   ñ측 ǽ   إ   ǽRSS

HTML/HTML 5 ѹ

Top / HTML / HTML 5

[[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>
}}



*IE8ʲˤθHTML 5եޥå
#pre{{
<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<!--[if lt IE 9]>
<script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="">
</head>
<body>
<!-- Place your content here -->
<!-- SCRIPTS -->
<!-- Example: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
</body>
</html>
}}
-[[HTML5WebڡѤɬ׺Ǿ¤ޤȤ᤿ץʥƥץ졼ȡIE8ʲθ | ꥹ>http://coliss.com/articles/build-websites/operation/work/generic-html5-template-by-sixrevisions.html?scid=social30987536]]



*άHTML 5եޥå

 <!DOCTYPE html>
 <meta charset="UTF-8">
 <title>άHTML 5եޥå</title>
 <p>Hello!</p>

**
裱iPod touchiPad˲̺ˤȤƤ⾮ɽޤ~
äiPod touchϲ̤Τǡʸ٤Ƹʤ餤Ǥ~
̥980x1470ȸʤɽƤ뤽Ǥ~

**¾ħ
-ΤФʸΥХ󥹤ϤɤüǤƱΨ
-ԥåDz̤硦̾ǽ
-ǽΤȤ̤Ĺ˷Ȳ̤Ĺ
-̤Ĺˤȣܤβʤ뤬˹碌ʸĹȤΨݤäƳ

ǤiPhoneǸȤʸޤviewportȤɽ̥Ǥޤ~
ˡϣढޤ~
~
***礭iPhoneüDz߷פiPadǤϤ礹
 <meta name="viewport" content="width=320">
iPod touchǤϲ̤ФƤۤɤ褯ʸ礷ޤ~
iPadǤϤβ̤礵줿礭ʸβ̤Ȥʤޤ

***礭iPhoneüDz߷פiPadǤϹ٤Ǿ̤¿
 <meta name="viewport" content="width=device-width">
iPod touchǤϲ̤ФƤۤɤ褯ʸ礷ޤ~
iPadǤϻꤷʤƱʸǤ~
~
viewportˤϥߥǶڤä¾ˤǤޤ
||ϰ|ǥե||
|width|20010000|980|viewportΥԥ|
|height|22310000|width㤷⤵|viewport⤵Υԥ|
|user-scalable|yesޤno|yes|ܤǤ뤫ɤ|
|initial-scale||1.0|Ψ|
|minimum-scale|010.0|0.25|ǾΨ|
|maximum-scale|010.0|1.60|Ψ|



*ץ룲iPhoneѤγΨθhtml5
 <!DOCTYPE html>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=320">
 <title>åʥС</title>
 <p>åʥСϡ7</p>



*ɤ
-[[HTML  <head></head> ˽񤯥ν֤ˤⵤ򸯤ޤ礦 | ONZE>http://on-ze.com/archives/4831]]



*ƥץ졼
-[[߷פμ֤˺︺롢HTMLƥץ졼Ǻ30ĤޤȤ 2016ǯ10 | PhotoshopVIP>http://photoshopvip.net/95451?utm_medium=twitter]]
-[[̵ǶUIǥʬ쥹ݥ󥷥бιʼHTMLΥƥץ졼ȤΤޤȤ | ꥹ>http://coliss.com/articles/build-websites/operation/work/free-html-templates-for-responsive-2016-autumn.html]]
-[[HTML5WebڡѤɬ׺Ǿ¤ޤȤ᤿ץʥƥץ졼ȡIE8ʲθ | ꥹ>http://coliss.com/articles/build-websites/operation/work/generic-html5-template-by-sixrevisions.html]]
-[[Webڤˤʤ롪̵HTMLPSDƥץ졼Ǻ35ĤޤȤ 2014ǯ7 | Photoshop VIP>http://photoshopvip.net/archives/66155]]



*
-[[GoogleHTMLCSSΥǥˡ>http://detarame.moo.jp/2012/08/07/googlehtmlcssΥǥˡ/]]
-[[ޥ۸ HTML5 ֥뤿ɬפ 5 ĤΤ | feb19.jp/blog>http://feb19.jp/blog/archives/000260.php]] 
-[[ޡȥեбǤ褯ȤhtmlcssjavascriptΤޤȤ>http://kazu69.net/blog/memo/1023]] 
-[[줬ޡȥեȤȤ viewport ꣳѥ | Ƥäѥ֥>http://tech.nitoyon.com/ja/blog/2013/02/15/viewport/]]
-[[HTML5ɲä줿input typeΥ֥饦бˤĤƸڤƤߤ | LIG>http://liginc.co.jp/web/html-css/html/42756]]
-[[Х֥饦ǤβåץɤˤĤƳФ | havelog>http://havelog.ayumusato.com/develop/others/e567-mobile_image_resize.html?utm_source=twitterfeed&utm_medium=twitter]]
-[[HTML5ǡե饤ǤȤiPod/iPhoneĶñץäݤΤäƤߤ | Publickey>http://www.publickey1.jp/blog/11/html5ipodiphone.html]] ... manifestեȤäơե饤ǤϿ޲ե򰷤ˡβ
-[[ǥϤǾ顪ˡiOSץѥޤȤ + եӥˡ | PhotoshopVIP>http://photoshopvip.net/archives/60265]]
-[[iPhone/Android֥饦ưȤΥϥޤݥȤнˡ | U | NOTEڥ桼Ρȡ>http://u-note.me/note/47491557?utm_source=twitterfeed&utm_medium=twitter]]
-[[ޡȥեбĤȥ֥ 饤ɥ硼>http://www.slideshare.net/HiroakiWakamatsu/ss-14011485]]
-[[ޡȥե󥵥ȤΥǥ Tips 줳 | Х>http://c-brains.jp/blog/wsg/14/04/23-150014.php]]
-[[ץ̵ưڡطʤäѤɽˡ | ꥹ>http://coliss.com/articles/build-websites/operation/work/basic-fullscreen-video-background-by-mattgrosswork.html]]
-[[ä1ԡޥۥȤΥǥ󥰻Ωľ8ʥץ뤢 | Design Color>http://designcolor-web.com/2014/06/09/smartphone-site-tips8/]]
-[[iOS - Web󥸥˥ޥۥȤȯˤäΤäƤ | Qiita>http://qiita.com/kt_Biz/items/4ab05ed89e41254dc932?utm_source=dlvr.it&utm_medium=twitter]]
-[[iPhoneǤiframeȤäƥ뤵ơġPCȤ⳰Ѥ·ˡ>http://qiita.com/Shoesk/items/9f81ef1fd7b3a0b516b7]]