俺のWeb文書プロジェクトの親プロジェクトです

オールキャストページ

📅

2003年から HTML を書いてます。

デザイナーズ DTD によって認められた、全てのパターンのマークアップ

ArticleBody 直下です、h2 タグです

ArticleBody 直下の h3 タグです

ArticleBody > h4 です

ArticleBody > h5 です
ArticleBody > h6 です

ArticleBody 直下のデモです。


直前は hr タグです。

  1. ol li です。
  2. ArticleBody 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. ArticleBody 直下のデモです。
  • ArticleBody 直下のデモです。
dt です
dd です
キャプションです
thaed th[rowspan=2]thead th
thead td
thead th のリンク

thead td のリンク

p タグによって文章を書く。

tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクtbody td のリンク
tfoot thtfoot td
キャプションです
日付thead th のリンク
tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクです

tbody td のリンク

p タグによって文章を書く。

tfoot thtfoot td
A-+-B
  |
  +-C
ホームへ
ぺったんR | OSDN
2012年5月のクラウド番外地
明日はがんばろう
 ∧_∧
( ´・ω・`)  (○)
,( ヽ∩∩ノ),、ヽ|〃,,,
“““ ““ ““ ““ ““ ““ ““ “``““ ““

2. blockquote 直下

blockquote > h2 です

blockquote > h3 タグです

blockquote > h4 タグです

blockquote > h5 です
blockquote > h6 です

blockquote > p です。


直前は hr タグです。

  1. ol li です。
  2. blockquote 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. blockquote 直下のデモです。
  • blockquote 直下のデモです。
dt です
dd です

blockquote 直下に Box を配置することもできます。

キャプションです
thaed th[rowspan=2]thead th
thead td
thead th のリンク

thead td のリンク

p タグによって文章を書く。

tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクtbody td のリンク
tfoot thtfoot td
キャプションです
日付thead th のリンク
tbody thblockquote 下に table を配置する際は hscroll で囲みます
tbody th のリンクです

tbody td のリンク

p タグによって文章を書く。

tfoot thtfoot td
A-+-B
  |
  +-C
ホームへ
ぺったんR | OSDN
2012年5月のクラウド番外地
明日はがんばろう
 ∧_∧
( ´・ω・`)  (○)
,( ヽ∩∩ノ),、ヽ|〃,,,
“““ ““ ““ ““ ““ ““ ““ “``““ ““

3. Box

オブジェクトの整列

Boxで画像等に文書等を回り込ませる

オブジェクトに対してテキストを回り込ませます。


  • オリジナル画像へのリンク付きのサムネイル画像はクリックでボックス幅まで引き伸ばすことができます、これは PicaThumbnail で実現しています
  • img, video, audio, iframe, object, embed は左寄せになります。
ジャンク狼

ObjCap で PicaThumbnail, img, video, audio, iframe, object, embed にキャプションを付けます。alt="" としておきます。


オリジナル画像へのリンク付きのサムネイル画像はクリックでボックス幅まで引き伸ばすことができます、これは PicaThumbnail で実現しています
img, video, audio, iframe, object, embed は左寄せになります。

Boxで画像等に文書等を回り込ませる

PicaThumnail を caption で囲んだもの。IE5 で回り込みが発生しない問題を回避できる。

4. Note

note > h2 です

note > h3 です

note > h4 です

note > h5 です
note > h6 です

ArticleBody 直下のデモです。


直前は hr タグです。

  1. ol li です。
  2. note 直下のデモです。

  • ul li です
    1. ul li ol li です
    2. note 直下のデモです。
  • note 直下のデモです。
dt です
dd です
thaed ththead td
tbody thnote 下に table を配置する際は hscroll で囲みます

Label

BlogArchive

人気の投稿

全てのラベル

8. テストページ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

オールキャストページ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

スタイリングの制限

Firefox, Web開発, クロスブラウザ, テキストブラウザ

フォーム部品のスタイリング

Firefox, Web開発, クロスブラウザ, テキストブラウザ

1~4カラムレイアウト、8種類のビューポートサイズにレスポンシブ

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ワンポイント

Firefox, Web開発, クロスブラウザ, テキストブラウザ

マルチブラウザ対応を最大化するための実装戦略

Firefox, Web開発, クロスブラウザ, テキストブラウザ

HTML, JavaScript, CSS の圧縮

Firefox, Web開発, クロスブラウザ, テキストブラウザ

ユーザー設定の調査

Firefox, Web開発, クロスブラウザ, テキストブラウザ

3. JavaScript をカスタムする為の情報

Firefox, Web開発, クロスブラウザ, テキストブラウザ

SearchResult

Form