html5 | mmt45

他のとこにもよく書いてるけど、自分のための備忘録です。
html5で組むときの基本的なソースをメモ。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サイト名</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="css/import.css" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
コンテンツ
</body>

・文字コード：UTF-8を強く推奨

・古いIEへの対処法：
下記を読み込み。で、新しい要素にも対応してくれる。

<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

・新しい要素（sectionとか）自体にCSSを設定しない。（というか、新タグにCSS効かない）

ちょろっと触ってみて。
sectionとかにCSSが効かないみたいなので、
結果的に余計に囲って「ソース長くなるだけでは。。。」と思ってしまう自分がいました。
触ってみないとわからないですね。

※考え方間違ってたら指摘してもらえるとありがたやです。

以下のエントリーもどうぞ！

最近、巷では「html5！」と騒がれはじめ
自分でも「いよいよ手をつけねばならんかも…」ということで
いろんなとこや本なぞを参考にしつつ、しばらく自分用にメモっとこうかと思います。

++++++++++++++++++++++
【aside】
あまり重要でないコンテンツに aside を使うことができるようになったということを意味する。
必ずしも「サイドバー」を意味しているわけではないということに注意。

参考サイト：html5.jp
++++++++++++++++++++++

必ずしもサイド全体とかを囲まなくてもいいのかも？
とりあえず、本サイトには関係ないだろね。と思われる外部リンクバナーとかに使えばいいんですかね。

こんな感じ？↓↓↓

<div class="side">
     <nav>中ページのメニューとか</nav>
     <aside>関連バナーとか</aside>
</div>

※考え方間違ってたら指摘してもらえるとありがたやです。

mmt45

こまごましたメモとか料理とかMacとか

Category Archives: html5

【基本な形】手探りでhtml5を触ってみてのメモ。

以下のエントリーもどうぞ！

【aside】手探りでhtml5を触ってみてのメモ。

以下のエントリーもどうぞ！