memo.xight.org

Home > Changelogメモ > HTML > 2ページ目 (全3ページ)
ChangeLog 最新ページ / カテゴリ最新ページ / 前ページ 1 2 3 次ページ / 2ページ目 (全3ページ)
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

2005-09-11 Sun

装置非依存性を確保するために対で使用すべき属性

- Summary
onmousedown + onkeydown
onmouseup + onkeyup
onclick + onkeypress
- Reference
Another HTML-link : Explanation - 150. ATTRA 属性を使うときは ATTRB 属性も指定しましょう。
http://openlab.ring.gr.jp/k16/htmllint/explain.html#event-pair

W3C - Techniques for Web Content Accessibility Guidelines 1.0
http://www.w3.org/TR/WCAG10-TECHS/#scripts

ウェブ内容アクセス指針1.0用技術
http://www.asahi-net.or.jp/~bd9y-ktu/WEBct_f/wai-pageauth-tech.html#scripts

カテゴリ: [HTML][Accessibility]

2005-09-08 Thu

PICS-Label - アクセス制限

- Reference
アクセス制限について - PICS-Label
http://www.geocities.co.jp/Hollywood/9752/pics.html

カテゴリ: [HTML][Stub]

2005-08-12 Fri

テーブルをクリックしてジャンプ

- Source

<table>
<tr>
<td onClick="window.location.href='index.html'">ジャンプ</td>
<td onClick="window.location.href='index.html'">ジャンプ</td>
</tr>
</table>


- Sample
ジャンプ ジャンプ


- Reference
HTML小技集 - メインコンテンツ - テーブルリンク
http://hp.xrea.jp/m/link/34.html

2005-03-07 Mon

accesskey

- Summary
  accesskey を利用したアクセシビリティの向上.
  前後のエントリへの移動,プレゼンテーションへの応用.
- Reference
  Going My Way - 2005-03-05 - 前後のエントリーに簡単に移動できる用accesskeyを設定
  http://kengo.preston-net.com/archives/001819.shtml
  Going My Way - 2005-01-31 - プレゼンテーションで使えるHTML+accesskey
  http://kengo.preston-net.com/archives/001767.shtml
  Stopdesign - Presentations - Web Essentials 04 - Pushing Your Limits (and other secrets of designing with CSS)
  http://stopdesign.com/present/2004/sydney/limits/

カテゴリ: [HTML][Usability]

2005-01-28 Fri

ref="nofollow" ほかメタデータのプロファイル

- Summary
head 要素の profile 属性を次のように記述

<head profile="http://purl.org/net/ns/metaprof">


- Reference
  The Web KANZAKI - 2005-01-21 - ref="nofollow" ほかメタデータのプロファイル
  http://www.kanzaki.com/memo/2005/01/21-1

  The Web KANZAKI - 2005-01-23 - ref="nofollow" と文書間の関係
  http://www.kanzaki.com/memo/2005/01/23-1

- via
  www.textfile.org - 2005-01-22
  http://www.hyuki.com/tf/200501#i20050122230358

カテゴリ: [HTML]

2005-01-21 Fri

Kupu - WYSIWYG XHTML Editor

- Summary
  JavaScript による WYSIWYG なXHTMLエディタ.
  右クリックからCut, Copy, Paste, Create link, Create image, Add table の操作が可能.
  日本語も入力可能.
- Reference
  OSCOM Kupu - Kupu WYSIWYG XHTML Editor
  http://kupu.oscom.org/
- via
  Open Alexandria - 2005-01-21 - Kupu
  http://www.openalexandria.com/item_410.html

カテゴリ: [Software][JavaScript][HTML]

2004-10-29 Fri

blockquote の引用元明示

- Summary
  <blockquote> タグを使用した時の引用元を明示するには,cite属性を使用する.
- 例

<blockquote cite="http://www.example.com/" title="Example.com">

- ChangeLogメモで引用元を明示的に表現したい
  chalowプラグインでやるしかない?

カテゴリ: [HTML]

2004-08-01 Sun

Web for beginner

- Summary
  HTML,XHTML,CSSのリファレンス
  XML,PHP,JavaScriptのビギナー用文書
- Reference
  Web for beginner
  http://www.scollabo.com/banban/

カテゴリ: [HTML][XHTML][CSS][XML][PHP][JavaScript]

2004-05-10 Mon

ラジオボタンを押しやすくする

- Summary
  ラジオボタンの横のテキストをクリックすることで,対応するラジオボタンを選択できるようにする
  ラジオボタンが選択しやすくなる.
- Example

<form>
	<input type="text" name="q" size="50">
	<input type="submit" name="sbmt" value="検索"><br />
	<input type="radio" id="splace1" name="searchplace" value="1">
	<label for="splace1">このサイトの中を検索</label>
	<input type="radio" id="splace2" name="searchplace" value="2">
	<label for="splace2">web全体を検索する</label><br />
</form>

- キモ
  <input>の id属性と <label>のfor属性を同一の値にする
- Reference
  All About Japan - HTML・XML - ラジオボタンの命中率を格段にUP
  http://allabout.co.jp/career/html/closeup/CU20031102A/

カテゴリ: [HTML][Usability]
内部リンク: [2004-12-31-5]

2004-02-28 Sat

<label> の使用法

- Summary
  <label> は,フォームの中で,フォーム部品とラベルを関係付けるために用いる
  ラベル部分をクリックしても選択できるようになる
  <label>のfor属性と,<input>のid属性を同一にすることで<label>と<input>の関連付けをする
- サンプル
  <form action="example.cgi">
    <div>
      <input type="radio" name="YES_NO" id="r1" value="yes" checked>
      <label accesskey="Y" for="r1">はい(<u>Y</u>)</label>
      <input type="radio" name="YES_NO" id="r2" value="no">
      <label accesskey="N" for="r2">いいえ(<u>N</u>)</label>
    </div>
    <input type=submit value="送信">
  </form>
- Reference
  とほほのWWW入門 - HTMLリファレンス - <label>
  http://tohoho.wakusei.ne.jp/html/label.htm

カテゴリ: [HTML]

2004-01-10 Sat

小さいファイルサイズで挑戦

- 256b.htm Competition
  256バイトのHTML(含JavaScript,CSS,GIF)でどこまで面白いWebページが作れるかのコンテスト
  http://wildmag.de/compo/
- via
  Passion For The Future - 2004-01-10 - 小さいことは良いことだ
  http://www.ringolab.com/note/daiya/archives/000804.html

カテゴリ: [HTML]

2003-11-20 Thu

Academic HTML

- Reference
  Academic HTML
  http://www.tg.rim.or.jp/~hexane/ach/

カテゴリ: [HTML][CSS]

2003-11-17 Mon

サブウィンドウ開くウェブページは特許侵害!?

- Summary
  NPO法人文化情報推進協議会によれば,サブウィンドウを開くウェブページは全部当団体の特許に抵触する
  <a href="http://www.example.com/" target="_blank">Example.com</a>
  もだめらしい.
- 特許番号
  3393199
- 使用料
  \12000 / Year (消費税\600)
- Reference
  CIPA - NAOシフトとは
  http://www3.ocn.ne.jp/~cipa/naoshift.html
- via
  Slashdot Japan - サブウィンドウ開くウェブページは特許侵害!?
  http://slashdot.jp/article.pl?sid=03/11/17/0826232&topic=54

カテゴリ: [HTML]
内部リンク: [2004-02-03-6]

2003-08-12 Tue

Yahoo! JAPAN - 文字化け対策

- <META> タグは使用しない
  プロキシが文字コードを変換して蓄える場合に文字化けが発生するため
- 特有コードの識別文字挿入
  EUC にのみ存在する \xFD\xFE という全角文字が挿入されている.
- Reference
  http://docs.yahoo.co.jp/docs/help/mojibake/sonota.html

カテゴリ: [HTML][Tips]

2003-08-12 Tue

ウェブマスターのための文字化け講座

- Reference
  ウェブマスターのための文字化け講座
  http://www.shtml.jp/mojibake/

カテゴリ: [HTML]

2003-06-30 Mon

<ruby>タグの使用法

- 例

<ruby>本気<rp>(</rp><rt>まじ</rt><rp>)</rp></ruby>


本気(まじ)

カテゴリ: [HTML]

2003-05-29 Thu

如何なるブラウザでも,閲覧可能に

- Summary
  このページは,ブラウザXでご覧下さい,と言うラベルをウェブページ上で叩き付ける人は,
  ウェブ以前で別のコンピューター・ワープロ・ネットワーク上で書かれた文書をよむことが出来なかった,
  あの悪しき昔を懐かしんでいるように見えます.
- Reference
  http://www.anybrowser.org/campaign/anybrowser_jp.html

カテゴリ: [HTML]
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
最終更新時間: 2008-12-02 10:52

Color Reference

ChangeLogを検索
携帯電話からアクセス!

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Since
2002-11-28
Update
2008-12-02 10:52
Copyright © 2005 xight.org All Rights Reserved.