マイペースクリエイターの覚え書きマイペースクリエイターの覚え書きマイペースクリエイターとクリエイターはWordPressとWordくらいちがいます。WordPressを中心としたWeb系の覚え書き。10:302011年1発目の記事ですね。遅ればせながらあけましておめでとうございます。しても、2010年って本当に365日あったんでしょうか。誰か数え間違えt...(ryさて、2011年の自分的ノルマとして、以下のようなことをを掲げておりまして。「HTML5ですらすらマークアップ」まずは自分用とか自社用のサイトから徐々にHTML5のマークアップに切り替えていこうかなと思っております。html5.js使えばIEでもそれなりにいけるみたいですし。」この記事のもくじHTML5の新要素が、WebKit以外のブラウザで認識されてない!リセット用のCSSに、新要素のデフォルトスタイルをあててやるHTML5の新要素が、WebKit以外のブラウザで認識されてない!とりあえずFirefoxの3.6.13でチェックしたら、あてたはずのスタイルがなーんも効いていませんでした。スタイルが効いてない!<header>、<nav>、<section>って感じでマークアップして、それぞれにとりあえず背景をつけてみたのだけど、ぜーんぜん何の変化もなし。あれー、FxもOperaももうHTML5実装してるはずなんだけどなーおかしいなー。悩んで、はたと気づきました。リセット用のCSSに、新要素のデフォルトスタイルをあててやるハイ。今までの自分用デフォルトCSSをそのまんま使っていたため、CSSでHTML5の新要素をどう扱うかという指定がなされていませんでした。そこで、いつも使っているdefault.cssに以下の指定を追記しました。block;}[/css]スタイルがあたりましたこれで、ちゃんと新要素にスタイルが適用されました。上記のHTML5新要素を、ブロック要素として扱えるようにしてやるのです。かんたんですねーちなみに、html5.jsの力を借りて、InternetExplorer6,7,8でも同様の結果が得られました。IEの条件分岐コメントタグを使って、IEのバージョンが9未満の時にhtml5.jsを読み込むようにしてやるだけです。src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]–>[/html]これならすぐに使っていけそうな気がします。あ、もちろんIEかつJavaScriptがOFFの環境では新要素+CSSが全く適用されませんのでご注意を。OFF環境の割合を考慮すると(一説には2%程度?)、そろそろ通常案件でもHTML5で書いていってもいいかもしれませんねー。(必須・公開されません)あなたのWebサイトやブログ等コメント本文スパム・迷惑コメント投稿防止のため、メールアドレスの入力が必須ですが、公開はされません。ご協力のほどお願いいたします。投稿いただいたコメントは管理者のチェック後掲載しておりますので、即時には反映されません。記載内容に関する批判や間違いの指摘などはそのまま掲載する方針ですが、投稿内容と無関係な誹謗中傷、一方的な罵詈雑言の場合は削除させていただく可能性があります。通常業務の合間にコメントチェックをしておりますので、すべてのコメントへのお返事が出来ない場合もございます。管理人個人への連絡等は、コメント欄ではなくコンタクトフォームをご利用ください。翔泳社さんより2019/06/05刊行。第2版』執筆しました。フリーランス活動用の事業案内サイト。お仕事のご依頼はこのサイトからどうぞ。PC配線、LAN配線、TV配線などなど自分で行う整理清掃の情報提供サイト。