<?xml version="1.0" encoding="UTF-8" ?>
<entry
	xmlns="http://www.w3.org/2005/Atom"
	xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
	xml:lang="ja-JP"
>
	<title>ホムペ作ったー＼(^o^)／</title>
	<id>tag:txqz.net,2008-06-09:blog/2008/06/09/2105</id>
	<link rel="self" href="http://txqz.net/blog/2008/06/09/2105.atom"/>
	<link rel="alternate" type="application/rss+xml" href="http://txqz.net/blog/2008/06/09/2105.rdf"/>
	<link rel="alternate" type="application/xhtml+xml" href="http://txqz.net/blog/2008/06/09/2105.xhtml"/>
	<link rel="alternate" type="text/html" href="http://txqz.net/blog/2008/06/09/2105.html"/>
	<link rel="contents" href="http://txqz.net/blog/2008/06/09/.atom" title="2008年6月9日"/>
	<link rel="first" href="http://txqz.net/blog/2001/08/04/0001.atom" title="地球空冷化"/>
	<link rel="prev" href="http://txqz.net/blog/2008/06/06/1554.atom" title="はてブのAtomAPIからまとめてブクマ"/>
	<link rel="next" href="http://txqz.net/blog/2008/06/12/1137.atom" title="ぜひ無責任に記事を書いていきましょう"/>
	<link rel="last" href="http://txqz.net/blog/2008/12/19/2152.atom" title="浜松市街地を通り抜けて、ムーンライトながら～の思い出"/>
	<author>
		<name>陽坂智佐</name>
		<email>spambasket@txqz.net</email>
	</author>
	<content type="xhtml">
		<div xmlns="http://www.w3.org/1999/xhtml">

<p>勉強会メンバーの一人が<a href="http://hamq.jp/pc.html" title="無料ホームページ作成「ハムスター島」">ハムスター島</a>でホムペを運営しているとのことで私の中で空前のホムペブームが到来、そのままアカウントを取って<a href="http://www.hamq.jp/i.cfm?i=youzaka" title="txqz hamq">自分のホムペ</a>を立ち上げた。</p>
<p>動作確認かっこわらいをOpera9.27で取りつつ作成したため、Firefox2やIE6で見ると残念な結果になってしまった。FirefoxやIEで見るのは同一保持権の侵害かっこわらいなのでOperaユーザ率を高める意味も込めて皆さん<a href="http://jp.opera.com/" title="Opera ブラウザ: すべてのデバイスに最良のブラウザを">Opera</a>をぜひインストールしてアクセスしていきましょう！でも実際そんなの面倒だと思うので、下にキャプチャを置いておきますね＞＜</p>
<dl>
<dt>IE6</dt>
<dd><img src="/figure/2008/06/09/hamq_ie6029" alt="" /></dd>
<dt>Firefox2</dt>
<dd><img src="/figure/2008/06/09/hamq_firefox20014" alt="" /></dd>
<dt>Opera9</dt>
<dd><img src="/figure/2008/06/09/hamq_opera927" alt="" /></dd>
<dt>Safari3</dt>
<dd><img src="/figure/2008/06/09/hamq_safari311" alt="" /></dd>
</dl>
<p>きょうびはブログ全盛の世の中でみなさんなかなかホムペを持つこともないかもしれませんが、一つ作っておくと名刺代わりにもなっていいよ！オヌヌメ！</p>
<p>などのネタはともかく、気づいたところ:</p>
<ul>
<li><code class="html">&lt;isindex style="width: 10%; float: left;"&gt;</code>の処理。IEとSafariはstyle属性の指定を無視した。もともとisindexはhead要素の子となるべきものなので、style指定を無視するほうが妥当なのかもしれない。</li>
<li>marquee要素にstyle属性を指定するとFirefoxの表示が異常になった。marquee下にspanを追加し、そのspanにstyle属性を当てたところ改善された。(marqueeなのにposition:fixedなのがマズかった?)</li>
<li>plaintextがいったん始まればたとえ<code class="html">&lt;/plaintext&gt;</code>が現れようとかまわず文字列扱いにするブラウザがあった。さすがHTML4.0で廃止された要素タイプはレンダリングもやりたい放題だ。</li>
<li>さすがに<code class="html">&lt;script&gt;</code>や<code class="html">&lt;!--</code>は無効な文字列だとかでハネられた。</li>
</ul>
<p>iframeとかobjectとかはどうなるのかな? まあどうでもいいや。あと、最近はニコニコ動画とかもあるし、<a href="http://hatebutv.com/" title="はてブTV">はてブのコメントをニコニコ動画風に見るサービス</a>だってあるのだからmarqueeの復権があってもおかしくないのではないか。知らなかったんだけどmarqueeには以下のような愉快な属性が定義されているらしいぞ！ みんなでぜひ文字列を上下左右に動かそう！</p>
<table summary="marquee要素に定義されている主な属性を解説する5行3列の表です。">
<caption>marquee要素の主な属性</caption>
<thead>
<tr><th>属性名</th><th>属性値</th><th>意味</th></tr>
</thead>
<tbody>
<tr><th>behavior</th><td>scroll(初期値。一方向スクロール), slide(端にぶつかると停止), alternate(往復スクロール)</td><td>スクロールの仕方を指定。</td></tr>
<tr><th>direction</th><td>left(初期値。右から左), right(左から右), down(上から下), up(下から上)</td><td>スクロールの方向を指定。</td></tr>
<tr><th>scrollamount</th><td>数値</td><td>スクロールする量をピクセル単位で指定。</td></tr>
<tr><th>scrolldelay</th><td>数値</td><td>スクロール間隔をミリ秒単位で指定。</td></tr>
</tbody>
</table>
<p>ということで、熱に30分ほど浮かされて正気に戻りました。</p>
		</div>
	</content>
	<category term="自分のこと"/>
	<category term="ネタ"/>
	<category term="HTML"/>
	<category term="&lt;marquee&gt;"/>
	<trackback:ping>http://txqz.net/blog/2008/06/09/2105/tb</trackback:ping>
	<published>2008-06-09T21:05:58+09:00</published>
	<updated>2008-06-09T21:07:25+09:00</updated>
	<rights>Attribution-Noncommercial-Share Alike 3.0 Unported</rights>
</entry>