久々のブログ更新デス。
特定非営利活動法人の続きを書きたいのですが、ちょっと書きとめている時間がない。
それよりも書きとめたい内容があったのです!!
スマートフォンのサイトを作るにあたって、いろいろな疑問点を1問1答で解決。
①Android搭載の機種が初期設定で使っているブラウザはなにか。
→WebKit(?)ですかね。機種によって違うのかと思って調べたけど機種ごとにとかはなさそうでした。
補足: スマホは自由にダウンロードできるブラウザがあります。safariとかね。
②デザインをする際の解像度の値はどこに合わせるべきか。
→縦長なら320px×480pxかな?
但し、解像度はスマホの機種によって違うので、metaタグのviewportで同じようにみえるように設定しましょう。
検索するなら「<meta name="viewport"」でいろいろ設定方法がでてくるのでサイトに合わせて設定すべし。
って2問だけですか!!?
私にはとても重要なことだったのですよ(T-T;)
ちなみにHTML5はかなり画期的なタグがいーーーーーっぱい詰まってました。
楽しそう♪♪
有名なのは、DOCTYPEの省略化。と、空要素タグの処理。
<!DOCTYPE html>
だけでOK!余計なXHTMLですよ~とかいらない!!!
<br />
<br>
<img src="XXX" />
<img src="XXX">
混在してても怒られません(>▽<)/
XHTMLのときに書いてたいろいろなものがなくなりました。
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
これらは、HTML5には不要!
<div id="header">~</div>
とか、いちいちID要素作ってましたが、
<header>~</header>でいいし、他にもinputタグで、
<input type="text"
placeholder=
"検索したいキーワード">
ってかくと、テキストの中にうす文字で「検索したいキーワード」って書かれている!
いままでjavascriptで面倒なスクリプトを書いていたのが嘘みたいに簡単