Blogサイトで見かける変なHTML - 3ping.org
というキャッチーな見出しを付けてみたけれど、(X)HTML(以下HTML)なんてのは自由に書いて、伝えたい人たちに思っている事が伝わるならば、それでいーんです。と、最初に言っておくよ。 自分の作ったWEBページのメンテナンス性を上げたいと考える人や、ソースコードを簡潔にしてダイエットしたいと思う人も中にはいるでしょう。複雑なBlogツールのテンプレートソースに四苦八苦してる人、単にW3Cの仕様に準拠させたページを作りたいと思ってる人も多いかもしれない(それは素晴らしいことだよ！)。 コンテンツの利用価値を高めたいと思っている人達、そういった方へ向けて、僕がよく見かける「もっといい方法があるよ」と思えるHTMLの記述を、代替ソースとセットで書いていきます。 項目をa要素やbrを使って整形する リストをリンクのためのA要素でマークアップして並べるという、ブログのメニュー部分などでよく見られる
ページの読み込みと同時にフォームを選択する方法 | なつみかん。
ページの読み込みと同時にフォームを選択する方法 2006.07.20 Thursday はてなやGoogleへログインしようとすると、ページを開いた瞬間にフォームが選択されています。この方法はものすごく単純な割にあまり普及していないようなので、「何を今さら…」と言われるとは思いますがあえて書いてみます。 フォームとinputタグに名前を付けて <form name="login" action="login.php"> <input type="text" name="handle_name"> <input type="password" name="pass"> </form> onLoadイベントで呼び出し。 <body onLoad="document.login.handle_name.focus();"> 以上です。つまり <body onLoad="document.フォーム
HTMLエンティティ化
HTMLエンティティ化 version Japanese 1.0（説明） エンティティ化するテキスト mailto:someone@some.domain.com エンティティ化されたテキスト オプション 入力文の半角スペース、タブ、改行を除去する エンティティ化する・しない文字を無作為に選ぶ（チェックしないときは全てエンティティ化） 但し、以下の文字は必ずエンティティ化する： エンティティ出力形式： 注1 説明 ホームページに公開するメールアドレスなどを広告業者に収集されるのを防止するためのソフトウエアです。ＷＷＷページに記載するメールアドレスなどをこのプログラムでエンティティコード（数値文字実体参照）に変換して書き換えてやれば、ＷＷＷページを実際に見ている人間には支障を与えることなく、メールアドレスなどが自動収集プログラムなどから見つかり難くなります。 使い方 変換したいメールアドレス
オリジナルのファビコンを設定しよう || Cool Web Window
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
フォームとアクセシビリティ -- ごく簡単なHTMLの説明
フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル（説明的な名前）を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次： コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素： label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール（テキストフィールドやメニューなど）は、name属性を持ちますが、それは送信データに名
CSS HappyLife
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
HTMLの特殊文字【Web関連一般】 / Studio Rikiy
特殊文字とは、別名フォント、文字コードの違いなどにより表示できない一部の文字、いわゆる機種依存文字のことだ。 ブラウザではこれを&で始まり;で終わる文字列を使うことよって表示が可能である。有名なところでは&（アンパサンド）、 （スペース）などがそれにあたるが、使われているのはこういった一部の文字のみで、その他はその存在すら知られていない。 一体どれくらいの種類の特殊文字があるのかとWeb上で調べてみたのだが満足いくページを見つけることができなかったため、自分でまとめてみた。 調べてみると相当な種類があるのだが、これらが一般的に浸透していない理由の1つとしては特殊文字も万能ではなく、UAやフォントの種類によって表示できないものが数多くあるからだろう。だがその中でもほとんどの標準環境では表示可能で、あると便利なものも数多くあるのでそういうものについては積極的に使うべきだとRi
ごく簡単なHTMLの説明
HTMLは本来簡単で便利なものです。「30分間HTML入門」で基本は十分。まずシンプルに自分の情報を表現してみてください。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee 簡単なHTMLの説明 少し詳しいHTMLの説明 XHTMLから次世代ウェブへ 電子テキストで情報発信 簡単なHTMLの説明 だんだん説明の量が増えてきたので、コンパクトな入門ページを用意しました。 基本がきちんと分かる30分間(X)HTML入門 HTMLを使った人間・コンピュータ双方にわかりやすい表現 （スライドのHTML版） 何のためのHTML？ HTMLは画面をレイアウトするためではなく、文書を環境に依存せずに共有できるように記述するための約束です。そこを正
HTML,CSSバグ＆回避法リスト
このページは普段ホームページを作っていて ブラウザのバグや独特？の仕様、 各ブラウザでの実装の違いなど気が付いたことをまとめたものです。 すぐ試せるように できるだけ症状が出るサンプルを載せ、 その回避方法についても触れるようにしました。 勘違いしているところ、或いは バグ回避のうまい方法があったらお知らせください :-)。 問題点だけ列挙しても とっつきにくいと思うので 「バグや互換性問題を避けるコーディング作法」 のページを作りたいと思っています。
Academic HTML―HTML, XHTML and CSS Tutorials
Academic HTML へようこそ。Academic HTML では，HTML・XHTML と CSS を中心に，WWW ページ作成のチュートリアルを提供します。 Hints of fonts on the web を増補しました。(2009/06/06) Orientation to CSS，Toward Accessible WWW，Academic HTML 3.2 紹介ページ を復旧し，再公開しました。(2007/10/08) Passport to XHTML 1.0，More about HTML を復旧し，再公開しました。(2007/10/07) Soar through HTML を復旧し，再公開しました。(2007/09/24) Yes, we love HTML，Always with HTML を復旧し，再公開しました。(2007/09/23) Take off
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 44,159 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタンを押してください。巨大なHTMLは途中でちょん切られてしまうことがあります。 [リセット] はすべての設定内容を初期状態に戻します。 URL DATA (DATA領域指定では文字コ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The W3C Markup Validation Service