CSS Specific for Internet Explorer デモページ(※IE7で表示) [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ(IE9, Firefox, Chrome, Safari, Operaなど) 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ(※IE8で表示) IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
新しいはてなブックマークボタンが公開されました。次のような3種類のタイプが用意されています。 スタンダードバーチカルシンプル ボタンをクリックすれば、その場でブックマークやコメント投稿ができます。 それはさておき、このボタンを表示するコードをページに貼り付けると、XHTML1.xやHTML4.01のページがvalidにならなくなります。 本エントリーでは、問題点の簡単な解説と、設置したはてなブックマークボタンを(X)HTML validにする方法を紹介します。 また、1ページに複数のブックマークボタンを表示する場合、(X)HTML validにする話とは別に、3項の対処を行うことで表示速度を若干改善することができます。 動作をざっと確認した限りの記事なので、認識誤りがありましたらご指摘ください。 ※記事中のソースコードは見やすくするよう、途中で改行しています。 1.問題点 はてなブックマー
youtube の動画を外部サイトに埋め込む際に用いる <object>~ の HTML ですが、これは Valid な HTML(XHTML)になっていません。このような指摘は以前からなされています。 具体的には & がエスケープされていない、param 要素が空要素で表現されていない、embed 要素を使っているなどです。embed 要素はそもそもこれまでの HTML では正式に採用されたことのない独自拡張要素です。 Netscape 4.x や古い IE では Object 要素の実装がおかしいこともあり embed 要素のタグを併記することが行なわれてきましたが、今日ではほぼ不要と思います。(HTML5 では正式に使えるようになる予定ですが現行規格では Invalid.) もちろん youtube が標準的に提供するコードでも動作はしますが、そもそも IE6 さえ古いブラウザとして
XHTML Strict やめました 2010-02-09-3 一時期自分が個人的に運用しているサイトをすべて XHTML Strict にしようとがんばっていたんだけど諦めます。手打ちが多いので、Transition にしていきます HTML に戻していきます。 (追記100210: すいません、勘違い記述でした。ご指摘コメント感謝。) あと、最近修正しているのですが今までHTMLのlang属性を間違っていました。jaではなくJPにしていました。かなり昔に書いたやつをコピペして使ってたからなあ。 誤: <html lang="JP"> 正: <html lang="ja"> ■市瀬裕哉, 福島英児, 望月真琴 / 実践Web Standards Design-Web標準の基本とCSSレイアウト&Tips ref. - やめましたメソッド[2010-02-04-2]
※この文章もいろいろダメダメだったので書き直しをしています。ご指摘していただいた皆さん、ありがとうございます。 以下、本文 以前、某サイトのコミュニティにて「あなたのサイトは○○個のエラーがありました。このHTMLは-○○○点です。ダメサイトですね。」ということが書かれているのをみた。 どういうことかというと、「Another HTML-lint gateway」というツールを使ってのHTMLの文法の点数がものすごく低い(つまり良くないところが多い)ということである。 ここで疑問なのですが「HTMLの文法チェックで低い点数のサイト=ダメサイト」? 大切なのは点数? ここで書かれていた文だけをみると、HTMLの文法の点数が低い、イコール、HTMLの文法に良くない点が多いというのがわかる。しかし、この文章だけをみると、サイト自体がダメという印象もうける。 他にダメな点はないわけではないが、HT
3.GreaseMonkeyを使う 上の手順で、ショートコードの書き方を示しました。 ただ、動画のIDを調べたりして手作業でショートコードを入力するのは、かなり面倒です。 そこで、GreaseMonkeyやブックマークレットを使って、ショートコードを自動的に生成できるようにしました。 Firefoxユーザーの方は、GreaseMonkeyを使うと簡単です。 3-1.GreaseMonkeyのインストールと使い方 以下のリンクをクリックすると、Valid Youtubeプラグイン用のGreaseMonkeyをインストールすることができます。 GreaseMonkeyのインストール 3-2.ショートコードの生成 GreaseMonkeyのインストール後は、YouTubeの個々の動画のページにアクセスすると、埋め込み用のコードの下に、このプラグイン用のショートコードも表示されるようになります。
XHTMLの正しい書き方について教えて下さい。 XHTML1.0 Transitional でソースを書き、 Another HTML-lint gatewayでHTML採点をしました。 解決方法のわからないエラーがあるので教えて下さい。 XHTMLの正しい書き方について教えて下さい。 XHTML1.0 Transitional でソースを書き、 Another HTML-lint gatewayでHTML採点をしました。 解決方法のわからないエラーがあるので教えて下さい。 ▼エラーのあるソース部分 <a name="top" id="top"> </a> ▼ソースの意味 ページ内にある「ページトップに戻る」というリンクのジャンプ先として、 ページの一番上に書いてあるソースです。 ▼エラー内容 <a> と </a> の間に空白文字しか含まれていません。 ▼エラーへの解説 http
MTCommentReplyToLink タグとは、Movable Type のコメント返信機能で特定のコメントに返信する為のリンクを出力するテンプレートタグです。 <$mt:CommentReplyToLink$> このタグを上のように書いて再構築すると、次のようなソースが書き出されます(「(3, '匿名')」の部分はそれぞれ違います)。 <a title="返信" href="javascript:void(0);" onclick="mtReplyCommentOnClick(3, '匿名')">返信</a> このままでも全然問題ないのですが、Another HTML-lintでチェックすると、次のように1点減点されてしまいます。 0: line 80: (<a> の href 属性の URI に指定されているスキーム `javascript` の利用は薦められていません。) → 解
最近、XHTMLのValidationに恋してます。 Validationチェックをするのに便利なのは、やっぱり本家のW3CのMarkup Validation Service。単一のページをチェックするにはこれが一番いい。 Markup Validation Service サイト全体をまとめてチェックする場合はこちらが便利(手前味噌でごめんなさい)。 Site Validator ただ、これらのサービスは詳細のエラーを見てもどこが間違いかわからないことがある。慣れないと難しい。まず、英語だと言うのも問題かもしれないが、微妙に問題点とエラーメッセージの内容がずれていることも多いからだ。プログラマであればエラーメッセージとエラー内容がずれているなんてことは慣れっこかもしれないが、これらのツールを使うのは非エンジニアであることも多い。HTMLのコーダーとかディレクターとか。 Site Val
HTML結果の問題点を解決するには、UTF-8の文字エンコーディングを使用し、指定した文字エンコーディングとの一貫性を確保する必要があります。CSS結果の問題点を解決するには、floatを使用する要素に幅を指定することで、レイアウトの崩れを防ぐことができます。 W3CのHTML結果とCSS結果の問題点を改善策を教えてください。 ●HTML結果 ワーニングが1個になりました。UTF-8を使ったら駄目ということですか??? Passed, 1 warning(s) Using Direct Input mode: UTF-8 character encoding assumed Unlike the “by URI” and “by File Upload” modes, the “Direct Input” mode of the validator provides validated c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く