« 巫女さん細腕繁盛記えくすとら:香奈恵ちゃんFight!!えくすとら:すぴりっつ・おぶ・ぱんつ | トップページ | ドラッグ・アンド・ドロップで Python プログラムにファイルを渡す »

2004年12月21日

ココログで使いものになるタグならないタグ

現状のココログは XHTML 1.0 Transitional ですが、将来の改定を見越すならば XHTML 1.1 でも使える(かつ非推奨ではない)タグで構成しておいた方が良いと思います。

見出し(heading)
記事タイトルが h3 なので h4 以下を使えば大丈夫ですがこの先もそうなのか保障は無いですので使わずに済むならその方が良いかも。文書に論理構造を持たせたいならばリスト(dl, ol, ul)を使う方が安全でしょう。
引用文(quote)
blockquote の方は問題無いですが q の方は最大勢力の IE だと通常の文との区別が無く CSS を弄らないと使い物にならないです。
省略語
acronym の方はともかく abbr の方を IE は認識してくれません。テキストプラウザの Lynx でも title 属性は無効ですし ruby で済ます方が良さそう。あるいは a で括って Wikipedia 等の適当な解説ページへのリンクにしてしまい title 属性は補助的に使うようにするか。いずれにしろ title 属性が見られないと困るような記事は避けた方がいいでしょう。
振り仮名(ruby)
XHTML 1.1 になってから定義されたタグですのでココログで使っている XHTML 1.0 Transitional には無いのですが ruby 自体が互換性を配慮されたタグなので特に問題は無く使えます
画像の代替テキスト(alt)
img の alt 属性ですが、RSSリーダーココフラッシュに引用される記事(の冒頭部分)では無視されています。記事の書き出しの部分に画像を使う場合 alt は "" にしておいてその説明を本文に入れてしまう方が良いでしょう。

その他の p, br, a, hr, img, pre, ul, ol, dl, table, em, strong, sup, sub, dfn, del, ins, cite あたりのタグは問題無く使えそう。それと style 属性(インライン・スタイルシート)を付けるなら div, span も。


タグの使用例(HTMLソースと照らし合わせて見てください)

リンク a 強調 em 凄い強調 strong 削除 del 挿入 ins 振り仮名(ruby) ココログのロゴ img

斜体 i 太字 b 斜体と太字 i & b

  • 順不同リスト ul one
  • 順不同リスト ul two
  • 順不同リスト ul three
  • ネストした順不同リスト
    • 順不同リスト ul one
    • 順不同リスト ul two
    • 順不同リスト ul three
  1. 順序付リスト ol first
  2. 順序付リスト ol second
  3. 順序付リスト ol third
  4. ネストした順序付リスト
    1. 順序付リスト ol first
    2. 順序付リスト ol second
    3. 順序付リスト ol third
定義リスト dl タイトル dt 1
定義リスト dl タイトル dt 2
定義リスト dl 説明文 dd 1
定義リスト dl 説明文 dd 2
ネストした定義リスト
定義リスト dl タイトル dt 1
定義リスト dl タイトル dt 2
定義リスト dl 説明文 dd 1
定義リスト dl 説明文 dd 2

WWW abbr(style 属性で色を付けています)
JIS acronym
■普通の文字 hoge■■大きい文字 big■■も一つ大きい文字 big×2■
■普通の文字 hoge■■小さい文字 small■■も一つ小さい文字 small×2■
■普通の文字 hoge■■上付き sup■■も一つ上付き sup×2■
■普通の文字 hoge■■下付き sub■■も一つ下付き sub×2■

引用文 q 引用元 cite (q は style 属性で色を付けています)

ブロック引用 blockquote

引用元 cite

用語定義 dfn

キーボード入力 kbd
プログラムコード code
変数 var
出力サンプル samp

 +----------+
 | 整形済み |
 |   pre    |
 +----------+
表のタイトル caption
見出し1 th見出し2 th見出し3 th
行1 td行1の2列目 td行1の三列目 td
行2の…行2の…行2の…
フォント変更 (style 属性)
仮名記号英文文字種font-family
いろはにほへと♠♥♦♣€¥ “Hello, World.” ゴシック体 sans-serif
いろはにほへと♠♥♦♣€¥ “Hello, World.” 明朝体 serif
いろはにほへと♠♥♦♣€¥ “Hello, World.” 等幅 monospace
いろはにほへと♠♥♦♣€¥ “Hello, World.” 装飾体 fantasy
いろはにほへと♠♥♦♣€¥ “Hello, World.” 手書き cursive

見出し h4

本文 p

見出し h5

本文 p

見出し h6

本文 p

汎用ブロック div
汎用ブロック div 汎用インライン span

« 巫女さん細腕繁盛記えくすとら:香奈恵ちゃんFight!!えくすとら:すぴりっつ・おぶ・ぱんつ | トップページ | ドラッグ・アンド・ドロップで Python プログラムにファイルを渡す »

ウェブログ・ココログ関連」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/68856/2333385

この記事へのトラックバック一覧です: ココログで使いものになるタグならないタグ:

» つちのこ、のこのこ。: ココログで使いものになるタグならないタグ [此処録ANNEX:ココログTIPS]
つちのこ、のこのこ。: ココログで使いものになるタグならないタグ [続きを読む]

« 巫女さん細腕繁盛記えくすとら:香奈恵ちゃんFight!!えくすとら:すぴりっつ・おぶ・ぱんつ | トップページ | ドラッグ・アンド・ドロップで Python プログラムにファイルを渡す »

ブログ妖精

  • ココロ

Affiliate

無料ブログはココログ