普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
実体参照メモ
よく使われる実体参照のリストはたくさん見付かるのだが、Unicode文字で通常入力できない文字、特にJISX0213記号などはなかなか見付からない。ということで、このメモを作ることにした。 人名に使われる文字の実体参照 文字 文字名 実体参照 備考
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
HTMLを綺麗に保つ12の原則 | エンタープライズ | マイコミジャーナル
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Chris Coyier氏がSmashing Magazineにおいて12 Principles For Keeping Your Code CleanのタイトルのもとHTMLコードをクリーンにするための12の原則を紹介している。厳密には11の原則だが、HTMLをクリーンに保つ上で実践的で効果的なものだ。WebデザイナやWebデベロッパは一度チェックしておきたい。12 Principles For Keeping Your Code Cleanで紹介されている原則を要約すると次のようになる。 [原則1] HTML 4.01を採用する場合でもXHTML 1.0を採用する場合でもStrict指定のDOCTY
HTML5サンプル集 - 株式会社あゆた
このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと
Dive Into HTML5
by Mark Pilgrim with contributions from the community Dive Into HTML5 elaborates on a hand-picked selection of features from the HTML5 specification and other fine standards. We encourage you to buy the printed work — Mark Pilgrim’s artfully titled “HTML5: Up & Running” — published on paper by O’Reilly, under the Google Press imprint. Your kind and sincere feedback is always welcome, and this work
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
【レポート】5分で把握するHTML5 - Google Developer Dayセッションリポート (1) HTML5仕様の概要 | エンタープライズ | マイコミジャーナル
Google I/Oで大きく取り上げられ、一躍注目の技術に躍り出たHTML5。Google Developer Day 2009でも、「HTML5により拓かれる次世代Web」という田村健人氏によるセッションは大盛況で、椅子が足りずに床に座り込んで聴講する人がかなりの数に上った。 筆者も同セッションに参加し、HTML5の新機能に関する簡潔でまとまった知識を得ることができた。本稿では田村氏のセッション内容を元に、HTML5の全体像をコンパクトにお伝えしよう。 HTML5とは? グーグル ソフトウェア エンジニアの田村健人氏 HTML5は、言うまでもなくHTMLの最新バージョンである。現行のバージョンであるHTML4も、決して小さな仕様ではなかったにもかかわらず、そこにWebアプリケーション向けの機能が大幅に強化された。 あまりに仕様が巨大すぎるため、現在の規格は以下の4つに分けられている。 H
HTML5 コミュニティ発足のお知らせ
HTML5 をテーマとする Google の準公式コミュニティ HTML5-developers-jp が発足しましたので、皆さんにお知らせします。 先月開催した Google Developer Day 2009 Japan の基調講演でもお伝えしたように、HTML5 は単なるマークアップ言語の仕様改訂というだけでなく、ウェブをアプリケーションプラットフォームとして利用するという大きな変化をもたらす技術です。 そのため、HTML5 では、HTML4 までとは異なり、ウェブアプリケーションを開発するための機能が数多く盛り込まれています。これらの新たに追加された機能を使用すれば、これまでブラウザプラグインが必要であった高度な機能を標準の HTML/CSS と JavaScript のみで簡単に実現できるようになります。 その可能性の一端は Google Developer Day のオープニ
第1回 W3Cとその標準化プロセス | gihyo.jp
「Web標準」や「XHTML+CSS」といった言葉がでてくるWeb制作の本には、必ずといっていいほど「W3C」という言葉が登場します。今回はそのW3CというWeb標準化団体について、またW3Cが策定する仕様がどのように作られているのかをとりあげます。 そもそもW3Cって? W3C（World Wide Web Consortium）とは、Web技術の標準化を行う団体のひとつです。「Webの可能性を最大限に引き出す」ことを目的とし、Webの発明者であるTim Berners-Leeによって1994年に組織されました。W3Cは今日までにHTML（3.2以降）やXML、XHTML、CSSといった、数々の仕様を公開しています。 W3Cには、IT関連企業をはじめとする400近くの会員が参加しています。Apple, Google, Microsoft, Mozilla, Operaといったブラウザベ
HTML5 Cheat Sheet [PDF] Free Download — Smashing Magazine
XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even although HTML 5 won’t be completely supported until 2022 (yes, 2022), it doesn’t mean that it won’t be widely adopted within the foreseeable future. XHTML 2 is dead, long live HTML5! According to W3C News Ar
HTML5 における HTML4 からの変更点
この文書は「HTML5 differences from HTML4 (W3C Working Draft 25 May 2011)」の日本語訳です。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。 この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。他の仕様の訳については Web 標準仕様 日本語訳一覧 を参照してください。 更新日: 2011-09-15 公開日: 2011-05-26 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> HTML5 における HTML4 からの変更点 2011年5月25日付 W3C 草案 (Working Draft) この版: http://www.w3.org/TR/2011/WD-html5-diff-2011
HTMLコーディング規約
コンピュータ入門 コンピュータの基礎知識 コンピュータ用語辞典 Java 入門 実践 Java Java リファレンス Java コーディング規約 Java Tips Java 開発環境 オープンソース入門 Eclipse 使いへの道 JBoss で J2EE サーバ CVS でチーム開発 OpenOffice.org を使ってみよう セキュリティ入門 暗号化の基礎 PGP で安心メール オブジェクト指向入門 オブジェクト指向用語辞典 オブジェクト指向の基礎 Web サイトデザイン入門 HTML コーディング規約 SEO で見られるサイト オカピ・プロジェクト サイト設計 サブプロジェクト MOMONGA KAME プロセス10 リッチクライアント入門 リッチクライアントの基礎知識 Flash でリッチクライアント開発 リッチクライアント EclipseRCP 履歴 変更履歴 バックナンバ
私的HTMLコーディング規約 - devworks
私が普段心がけているHTMLのコーディング規約(というほど大層なものでもありませんが)を記しておきます。いつかは文書化しなければ…と思っていたので。先日のなんか流行っているみたいなのでデフォルトCSSを公開してみる - devworksと合わせてみると効果的かも。 ツッコミ歓迎してます。間違い、もしくは不適切な記述がありましたらコメントかトラックバックでお知らせ下さい。 前提 HTMLの要素及び属性は全て小文字で記述する。 何故かというとXHTMLへの将来の移行を前提としている為です。しかし、現時点ではXHTMLの移行は時期尚早と私は考えています。*1 DOCTYPE宣言 HTML 4.01 Transitional URL 付きで記述する。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www
IE6のフォームの挙動
Internet Explorer 6 はフォームのsubmit時に予想外の挙動をすることがあるようだ。気づいた点をメモしておく。 なお、IE7では動作が一部改善されているようだが、このページではIE7の挙動については触れていない。次のサイトでは、IE7やOpera9も含めた動作内容がまとめられている。 IE のフォームがタコい件について。 目次 buttonタグで作ったボタンのvalue属性は無視される buttonタグで作ったボタンは押されなくてもsubmitされる テキストボックス内でのEnterキー押下でボタンがsubmitされないことがある 動作確認に使用したブラウザのバージョンは、IEが6.0.2800.1106、Firefoxが1.0.6。 buttonタグで作ったボタンのvalue属性は無視される buttonタグでは次のようにvalue属性を指定することができ、submi
HTML 5 differences from HTML 4
Abstract "HTML5 Differences from HTML4" describes the differences of the HTML5 specification from those of HTML4. Status of This Document This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at
HTML 5の最新草案が公開 | Web標準Blog | ミツエーリンクス
HTMLワーキンググループより、HTML5の新しい草案が公開されました。多くの修正や変更、そして新しい機能の追加など、盛りだくさんの内容となっています。 新機能 いくつか気になったものを取り上げてみます。 MathMLのサポート MathMLはXML構文のみでサポートされていましたが、HTML構文でも一部の機能を除きサポートされるようになりました。なお、同様にSVGのサポートも検討されています。 ol要素のreversed属性 項目に順序があるol要素ですが、逆順であることを記すためのreversed属性が追加されました。 ルビ 文字にふりがなを与えるruby要素が追加されました。現時点では、IEの実装に近いものとなっています。 iframeのサンドボックス機能 iframeのサンドボックス化を行う、sandbox属性が追加されました。 canvasのテキスト描画機能 これまでは図形のみの
Mozilla Japan ブログ - Firefox 3 の修正内容のご紹介 その3 ― URLも改行されるように
Firefox 2 までは日本語ではないテキストでは、Web デザイナの方がトリックを使わない限り、半角スペース (U+0020) 以外では改行されませんでした。そのため、長い URL が以下のようにはみ出したり、これが原因で Web ページ全体のデザインが壊れたりすることがありました。 これが、Firefox 3 では以下のように改行されるようになりました。 この修正は、多くの Internet Explorer (以下 IE) 向けにのみデザインされた Web ページの表示を、そのデザイナの意図通りに表示できるようになったことを意味します。 それでは、 Web デザイナの方には細かい仕様や注意点について、少し詳しい解説をさせて頂きます。デザイナの方が気になるのは、IE との互換性かもしれません。しかし、Firefox 3 のレンダリングエンジン、Gecko 1.9 は IE と全く同じ
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
文字コード宣言は行いましょう(HTML) - Web標準普及プロジェクト
文字コード宣言は行いましょう(HTML) HTMLで日本語を使用する場合、そのファイルの保存方法が複数存在します。 それはいくつかのルールを使用して日本語を保存し、ブラウザがそのルールに則って読みとることで表示するためです。 このルールのことを文字の符号化方式と言います。 何故文字コードの宣言が必要なのか 保存する時の文字コードとブラウザが読みとる時に使う文字コードが違っていると文字化けが発生してしまいます。 これは一部の符号化方式を除き、そのファイルがどのような文字コードで保存されたものなのかをブラウザが判別できる確実な手段が無いために発生します。 しかし、そのHTMLファイルの作者がブラウザに対してどのような文字コードで保存したのかを明示することによってブラウザは確実に表示できるようになります。 それが文字コードの宣言です。文字コードは次のようにmetaタグを使って宣言します。 ISO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
