Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
私のサイトが出来るまで。HTMLとCSS実践編その4 : 雑記帳 : der Gegenwart
[ Web関係 ] 誰も読んでないでしょうけど、その4。そんなに細かく解説してないので、初心者には優しくないです。たぶん。 ナビゲーションをどうにかする 前回まででコンテンツ部分をどうにかしたので、今回はナビゲーション。 とりあえずナビゲーションの見出しが邪魔なので消去。この前も書いたけど、わざわざナビゲーションに見出し付けて結局消すとかいう意味が分からないことしてるのは、私の心理的な問題です。単に気持ち悪いから見出し付けてるだけ。アクセシビリティ云々は関係ないです。 h2#NAVIGATION_HEADING, h3#MAIN_NAVI_TITLE{ display: none; } 次に各リンクの表示をどうにかします。ADP: div要素なしレイアウト (4)にあるADP式ロールオーバーが基本。もっとも今回のデザインではロールオーバーさせませんけど。背景画像は以下のようなものを使います
私のサイトが出来るまで。HTMLとCSS実践編その3 : 雑記帳 : der Gegenwart
[ Web関係 ] それ来た、その3。 これは先に書いておくべきだったのかもしれませんけど、私がHTMLとCSS書くときの方針を列挙。 採用DTDはXHTML1.1かISO-HTML。 div、span、b、i、big、small、hrは使わない。br要素も極力使わない。小説書くとかなったら考えますけど。 可読性重視、あまり凝った装飾はしない。 見出しと本文のCSSを書く 前述の方針を踏まえて解説再開。ナビゲーションのデザインは後回しにして先に見出しと本文のデザインを確定しちゃいます。ただし、右にナビゲーション持ってくることが確定済み（唐突）なので、各要素には右マージンを指定しておきます。 まずは見出し。私は普段h3くらいまでしか使わないので、CSS書くのは3まで。4以降は使うときが来たらその時に追加。最初にh1要素。 h1{ margin-right: 170px; margin-bot
私のサイトが出来るまで。HTMLとCSS実践編その2 : 雑記帳 : der Gegenwart
[ Web関係 ] id属性とclass属性を付加 div要素は使いたくないので、必要に応じて各要素に直接idとclassを付加。私の場合、使い分けが結構適当です。全部classにしてしまった方が適切かもしれません。 どこにid振るかは勘で決定。「id="left"」みたいなことはしていないものの、結局見栄えのためのidなので一緒だと思う。ホントは好ましくありません。 <?xml version="1.0" encoding="EUC-JP"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>der
私のサイトが出来るまで。HTMLとCSS実践編その1 : 雑記帳 : der Gegenwart
[ Web関係 ] 「何でいきなり実践編なんだよ」とかいうツッコミは無しで。 暇なので、私のサイトの作り方でも解説しようかなと。 まずはテキスト とりあえずHTMLを書くわけです。 はじめにテキストでサイトの構造を適当に記述。本文が先。ナビゲーションは後。 何となく気持ち悪いので私はナビゲーションにも見出しを付けてます。適切な見出しになってないような気がしますし、結局CSSでdisplay:noneってやってるからアクセシビリティ向上の役に立ってるわけでもないんですけどね。 der Gegenwart どうでもいい雑記そのXX ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミーテキスト ダミーテキストダミーテキストダミーテキストダミー
Ajaxよりも先に覚えておくべき 忘れられた５つのHTMLタグ - Forgot the Milk.
昨今のWebサイトは、Ajaxや複雑なCSSレイアウトなどの高度なテクニックを駆使したサイトが目立ちます。 そんな中、SitePoint.com の Matthew Magain は この記事で、HTMLの忘れられた５つのタグ要素の重要性について語っています。 HTML: The Top 5 Forgotten Elements — SitePoint それらは論理的な意味を付加するタグで、一般的なブラウザはきちんと認識し、イタリック表示や固定フォント表示などで表現を変えます。そして、それは検索エンジンがHTMLを理解するうえでも重要な意味を持ちます。microformats （「microformats って一体何だ? - naoyaのはてなダイアリー」 参照） を実践するよりよほど簡単で、大きな効果をもたらします。また、これらのタグが適切に使用されている場合、タグのスタイル定義を追加す
「target="_blank"」をやめた - PLAYNOTE
リンク先に target="_blank" を指定するのをやめた。 今までは全部丁寧に target="_blank" していたんだが、ブログ板のMovable Typeスレで「target="_blank"はウザい」「いや、あったいい」「いやウザい」「俺好き」みたいな論争があって、調べてみたらW3C的には非推奨、それどころかXHTML1.1以降では廃止されてるそうだ（参考: 駄的HTML改善計画 - 「target属性の利便性」）。 W3C信者の一人としてW3C勧告には従わねばならない、という忠誠心が働く一方、「でも target="_blank" 便利だしなぁ」という思いも。はてなアンケートによれば target="_blank" 好き派は嫌い派を上回ってるし、Shift＋クリックで新窓開けるのを知らない人もいるし…。 最後に俺の背中を押したのはこの一言だった。 「私はバカな閲覧者は勝
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
screenshots.jp - このウェブサイトは販売用です！ - screenshots リソースおよび情報
kashim.com (Webサイト制作の為のフリーソフトを提供)