by shigemk2

当面は技術的なことしか書かない

2012-05-07から1日間の記事一覧

footer

今まではフッター部分は以下のようにマークアップされていたが、 <div id="footer"> <p>§</p> <p> &#169; 2009 <a href="../semantics.html">Mark Pilgrim</a> </p> </div> HTML5では以下のようにマークアップすることが可能である。 <footer> <p>§</p> <p> &#169; 2009 <a href="../semantics.html">Mark Pilgrim</a> </p> </footer> 入門 HTML5作者: Mark Pilgrim,矢倉眞隆(監訳),水原文出版社/…

w3mのコマンド

w3m の使い方 (よく使うキー操作)とてもすばらしいサイトがあったのでメモ。 ヘルプ H ヘルプファイルを表示 ページ/カーソル移動 SPC, C-v 次のページを表示 b, ESC v 前のページを表示 l, C-f, → カーソルを右に移動 h, C-b, ← カーソルを左に移動 j, C-n,…

emptyとis_arrayの挙動に違いについて

php

nav

サイトナビゲージョンをマークアップするために、 HTML5ではnavという意味要素が用意されている。これにより、いちいちnav要素を定義しなくてもよくなった。 <div id="nav"> <ul> <li> <a href="../semantics.html">home</a> </li> <li> <a href="../semantics.html">blog</a> </li> <li> <a href="../semantics.html">gallery</a> </li> <li> <a href="../semantics.html">about</a> </li> </ul></div>

日付と時間

<div class="entry"> <p class="post-date">October 22, 2009</p> <h2> <a href="../semantics.html" rel="bookmark" title="link to this post">Travel day</a> </h2> </div> でも、たとえばpost-dateにしても投稿日時なんていちいち定義しなくても 標準のマークアップがありそうではあるよね。こんな風に書けます。 <article> <header> <time datetime="2009-10-22" pubdate="">October…</time></header></article>

Article要素

<div class="entry"> <p class="post-date">October 22, 2009</p> <h2> <a href="../semantics.html" rel="bookmark" title="link to this post">Travel day</a> </h2> ... </div> 今まではこのように書いていたけど、HTML5ではこのように書ける <article> <p class="post-date">October 22, 2009</p> <h2> </h2></article>

HTML5のヘッダと小見出し

ヘッダ部分について。 今まではこのように書いていたが、 <div id="header"> <h1>My Weblog</h1> <p class="tagline">A lot of effort went into making this effortless.</p> </div> HTML5はこのように書ける <header> <h1>My Weblog</h1> <p class="tagline">A lot of effort went into making this effortless.</p> </header> でも、taglineクラス(小見出し)は色々な…

DOM

DOMとは何か文書オブジェクトモデル(DOM)とは、 HTML文書およびXML文書のためのアプリケーション=プログラミング=インターフェイス(API)である。 また、ページ上のHTML要素を表現するオブジェクトの集まりである。 つまり、 <p>や <div>や <span>のひとつひとつは、DOMのな</span></div></p>…