XHTML1.0 Strict 内容モデル
head要素の子要素 <base /> href属性必須 空要素 <link /> 空要素 <meta /> content属性必須 空要素 <object>-</object> 他の内容よりも param要素を先行させるべき param要素 ブロックレベル要素 インライン要素 テキスト <param /> name属性必須 空要素 <script>-</script> type属性必須 スクリプト（PCDATA） <style>-</style> type属性必須 スタイルシート（PCDATA） <title>-</title> head要素内に必ず1個だけ定義 テキストのみ（PCDATA） ブロックレベル要素 <address>-</address> インライン要素 テキスト <blockquote>-</blockquote> ブロックレベル要素 <div>-</div> ブロックレ
そろそろブラウザの実装レベルに応じたスタイリング分けをしよう - Liner Note
そろそろブラウザの実装レベルに応じたスタイリング分けをしよう 書いた人： hash 投稿日： 2008年06月08日（最終更新：5年6ヶ月と28日前） 読者の皆さんの反応 1 被ブックマーク数： 70 要約：シンプルなマークアップを元に各ブラウザの実装レベルに応じて、様々なスタイリングをしていく方が楽だし、いろんな閲覧者が幸せになれるんじゃないかなと思った次第 全てのブラウザで同じに見える必要はないというのは前から何度か言われていることですが、もう少し具体的な文脈に落として考えてみようかな。 例えば、引用文を引用文ぽくスタイリングしたいとする、こんな感じに。 で、とりあえずGoogle先生で調べてから頭を回してみるわけですが、 Natalie Downe » Blog Archive » Inline image quotes CSSで引用をデザインする。 – DesignWalker 第
リストの作成 -- ごく簡単なHTMLの説明
情報を見やすく整理して表現する方法として、リスト（一覧）はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次： リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト 定義型リスト リスト要素はブロックレベル リストの入れ子 取り上げる要素： ul ol li dl dt dd リストで情報を分かりやすく整理する 基本的には本文は見出しと段落だけで構成できるはずです。しかし、一連の並列される情報や、順序立ててステップを説明するような内容は、リストとして表現する方が分かりやすいことがあります。 一つの段落が長くなってしまう場合は、そこで述べようとしているポイントを箇条書きにすると、簡潔に表現することができます。また、複数の段落に分けて書いている内容
XHTMLでやりがちな8個の間違い | ブログが続かないわけ
最近、XHTMLのValidationに恋してます。 Validationチェックをするのに便利なのは、やっぱり本家のW3CのMarkup Validation Service。単一のページをチェックするにはこれが一番いい。 Markup Validation Service サイト全体をまとめてチェックする場合はこちらが便利(手前味噌でごめんなさい)。 Site Validator ただ、これらのサービスは詳細のエラーを見てもどこが間違いかわからないことがある。慣れないと難しい。まず、英語だと言うのも問題かもしれないが、微妙に問題点とエラーメッセージの内容がずれていることも多いからだ。プログラマであればエラーメッセージとエラー内容がずれているなんてことは慣れっこかもしれないが、これらのツールを使うのは非エンジニアであることも多い。HTMLのコーダーとかディレクターとか。 Site Val
Geekなぺーじ：HTML知識レベル
「Levels of HTML knowledge」という記事がありました。 かなり皮肉たっぷりで笑えました。 以下、要約していました。 誤訳などがあると思うので詳細は原文をご覧下さい。 原文のさらにネタ元の「Levels of CSS knowledge」も面白いです。 レベル 0 このレベルの人はHTMLを見ることはありません。 例えば、メールで送信されてきたHTMLメールを原文のまま見るなど、稀に何かの間違いで表示されてしまっているHTMLを見ることはあります。 彼らはレベル0以上になろうとも思いません。 ありがちな発言 「H？TM？ 何それ？」 レベル 1 このレベルの人たちは、自分たちが日々目にしているWebサイトの裏で何らかのプログラムが動作している事を認識しています。 このクラスの人たちはWebサイトを自分たちで作るときには、専用のツール(Photoshop、Dreamwea
リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」
XHTML の文法チェックには Another HTML-lint gateway や、The W3C Markup Validation Service が有名ですが、そのサイトに行かなければならないのがやや面倒という方に、リアルタイムに XHTML を検証できる Firefox 機能拡張「Html Validator」を紹介します。 「Html Validator」は、XHTML のバリデーション以外に、アクセシビリティのチェックや、ソースコードのクリーンアップ（ソースの自動修正）まで行ってくれるスグレモノで、Firefox ユーザにはポピュラーな機能拡張のひとつです。 すでにご利用の方も、記事後半にデフォルト設定以外の項目について詳細に記しておりますので、より活用できるのではないかと思います。 以下、Firefox をご利用でない方向けに、Html Validator のインストール
SSI で IE 6 のみ XML 宣言を省略
特に目新しいお話ではないんですが、SSI の条件式を使用して、ブラウザ別にあれこれする方法について書き留めておこうと思います。 今回は、XHTML で文書を公開... 特に目新しいお話ではないんですが、SSI の条件式を使用して、ブラウザ別にあれこれする方法について書き留めておこうと思います。 今回は、XHTML で文書を公開する時に面倒な問題である、IE6 において、XML 宣言等、DOCTYPE 宣言以外を文書先頭に書いた時に、DOCTYPE スイッチによってレンダリングモードが過去互換になってしまうバグへの対応を SSI で何とかしてみようというのを主に取り上げてみたいと思います。 Apache HTTP Server の現行バージョンでは、SSI で条件式が使用できます。なので、 <!--#if expr='"$DOCUMENT_URI" = "/foo/file.html"' -
RedLine Magazine : htmlとxhtmlの違い
htmlとxhtmlの違い htmlとxhtml、両者の違いがイマイチ分からないという方も多いと思う。webに詳しい方には「そんな説明の方法はないでしょっ！お前アホか。」と怒られそうだが思い切って簡単に言ってみる。 htmlとxhtmlは、顔がよく似ている腹違いの兄弟みたいなものです。 htmlさんのお母さんはSGMLさんで、xhtmlさんのお母さんはXMLさんです。xhtmlさんはSGMLさんとXMLさんの話し合いの結果産むと決められた子です。 表面上の顔はよく似てますが、htmlの性格はおおざっぱで自由奔放でとっつきやすい人です。逆にxhtmlさんは細かい事を気にする神経質です。xhtmlさんのお母さんであるXMLさんは顔が広く交友関係が広いので、最近はxhtmlさんの方がweb現場では気に入られています。 ･･･と違いはこんな感じ。両者の違いの詳細についてはいろんなサイトで解説されて
第22回 画像の代替テキストのベタープラクティス（1）
XHTMLのマークアップは、人間的な判断に負うところが大きい。その最たる例が画像の代替テキスト（img要素のalt属性値）だ。代替テキストの構文上の注意点や、どのように工夫すればユーザーにとって理解しやすくなるかを考えてみよう。 画像（img要素）のalt属性は必須か？ 画像（img要素）のalt属性値は、「代替テキスト」（alternartive textまたはalternate text）としてよく知られている。制作現場では、属性名のつづりから「オルト」と呼ばれるのが一般的だ。 Webをさまざまな環境で利用してもらうためにも、「代替テキストをつけるのは当たり前」という認識が広がっているのは望ましい傾向だ。Webページはビジュアルブラウザだけでなく、音声ブラウザやテキストブラウザなど、グラフィカルな表示・表現ができないソフトウェアでも閲覧され、またビジュアルブラウザであっても、画像読み込
classとidの使い分けについて考えてみる | Blog hamashun.com
CSS Nite Vol.18の懇親会で行われたiwaimさんのプレゼンで、headerの部分は本当にidでいいの？という問いかけがありました。 多分、多くの人が行っているclassとidの使い分けは、複数回登場するかしないかだと思うんですけど、それはどうやら間違った基準なようです。 仕様書は？ そもそも、仕様書の定義としては、二つの違いはどうなっているのでしょうか。 id = name [CS] この属性は、要素に名前を割り当てる。この名前は文書中で一意でなければならない。 class = cdata-list [CS] この属性は、ある要素に1つのクラス名を割り当てるか、または複数のクラス名を設定する。幾つの要素に対してでも、同じクラス名あるいはクラス名群が割り当てできる。複数のクラス名については、空白文字によって区切らねばならない。 The global structure of a
コーディング大会みたいなのやりたいなぁ～
コレから書く事は、本決まりになったら「お知らせ」カテゴリにて告知いたします。 大会なんて書いてますが、ネーミングセンスが無かったので取り急ぎで付けただけです。 やりたい事は、デザイナーさんに2、3ページのデザインを作成してもらい、ソレをコーダーな方、コーダー志望な方、コーディング出来るぜ！な方、コーディングスキルも向上したい！って方、デジパに入りたい！(笑)って方なんかがコーディングすると言うもの。 まぁ、ようするに1つのデザインを皆が其々の思いで組むっちゅー感じですわ。 こういった事に興味引かれる人居るかな… 一応、興味引かれるような感じの企画にしたいと思ってますが、今は脳内妄想オンリー。 この発端は、昔個人趣味サイトを使って行ったのですが、1つのテーマに沿ってキャラを描いてもらい、ソレを1枚絵として完成させるというモノ。 下記のイラストは、男性キャラを好きに描いて集めた感じ。 その時に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラムメモ
HTML5.JP - 次世代HTML標準 HTML5情報サイト
たのしいXML: XML/XHTML入門ページです
HTMLクイックリファレンス
鳩丸倶楽部 - のけぞる本！