HTML 5のフォーム要素
HTML 5の最初の大きな目的の1つは、主要なHTMLフォーム要素を現状の潮流に合うように変更することでした。この記事では、HTML 5の草案に導入されている主要な新しいフォーム要素と既存要素の変更点を説明し、HTML 5の仕様が現在までにどれくらいこの目的を達成しているかを解説します。 はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思議ではありません。 W3Cが最初にXHTML仕様を策定したとき根底にあった目標の1つは、XMLコンテンツの処理に適したフォームアーキテクチャを作ることでした。そこで2002年にXFormsが開発されました。ところが、HTMLコミュニティの多くの人からは
html5doctor - HTML5.JP
サイト内検索 html5doctor ( http://html5doctor.com/ )とは、Richard Clark 氏、Bruce Lawson 氏、Jack Osborne 氏、Mike Robinson 氏、Remy Sharp 氏、Tom Leadbetter 氏といった HTML5 に関して著名な方々が共同で運営しているサイトです。<html>5doctor は、HTML5 を使おうとする人に、さまざまなリソースを提供することを目的として運営されているサイトです。このサイトで掲載されている記事は、HTML5 を習得する上で、非常に有益なものばかりです。特に、マークアップに関する記事が充実しています。 HTML5.JP では、html5doctor の許可を頂き、記事アーカイブの日本語訳を掲載しましたので、ぜひ、HTML5 の理解にお役立てください。 一部、直訳ではなく意訳
Designing a blog with html5 | HTML5 Doctor
This article is an edited version of two articles published by Opera Web Evangelist, Bruce Lawson, reproduced with permission. All rights reserved. This article was updated 27 May 2014 to use the <main> element to denote the main content of the page (was previously <div>). Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a sle
HTML5 Canvas Cheat Sheet - Nihilogic
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HTML5 で試しに Web ページを組んでみた – VERSIONFIVE
先日、WCAN mini Markupの第8回がありました。前回の「デザインを(X)HTML化しました」に続いて、今回は「CSS ココにこだわってみました」というテーマで前回組んだHTMLを(一部でもいいので)CSSで装飾してみよう、ということをしたのですが、フツーにXHTML+CSSで組むのもつまらないなーと思って最近話題になりつつあるHTML5でページを組んでみました。主に以下のサイトを参考にしました。 HTML 5 (W3C Working Draft 10 June 2008) HTML 5 (Editor’s Draft 12 December 2008) HTML 5 における HTML 4 からの変更点 (Working Draft 22 January 2008) HTML 5 の新要素 HTML5が話題になっているので試しに書いてみた。｜CSS HappyLife 試しに
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
img要素のwidth、height属性について再考してみた - Webtech Walker
img要素にwidth、height属性を指定するかどうかは常に悩んでいて、以前にもブログでみなさんに質問したりもしましたが、自分なりの一つの答えにたどり着きました。 画像の幅、高さの情報というのは以下の2通りの情報があると思います。 画像の大きさを構造上表すメタデータとしての情報 見た目の大きさを表す情報 それぞれについて考えてみます。 画像の大きさを構造上表すメタデータとしての情報 以前書いた質問のエントリーにいただいたコメントで以下のようなものがありました。 静止画像である写真や絵画は、IT化以前の歴史上、サイズを表記してきました。美術館に行くとわかりますが、絵の説明は「題名、作者名、発表年、画材、所有者（収蔵美術館）名、『サイズ』」になっています。もちろんここで表記するサイズはピクセルではなくキャンバスの号数かセンチ単位ですが。このことから考えると、現実世界において画像の大きさは重
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
HTML5 新機能の説明連載開始、1回目はsection要素 | エンタープライズ | マイコミジャーナル
The WHATWG Blog - Please leave your sense of logic at the door, thanks! The WHATWG Blogにおいて"The Road to HTML 5"という興味深い連載が開始された。2010年第3四半期以降に勧告として登場が予定されているHTML5で登場する新しい要素や属性、そのほかの機能を解説するというものだ。第1回目はThe Road to HTML 5 - Episode 1: the section elementとしてsection要素が取り上げられている。 HTML5では文書を意味的に構造化するためにsection、article、aside、header、footerなどの要素が新しく導入される。sectionは文書の論理構造を示すために基本となる要素となり、ヘッダ要素(h1, h2, h3, h4, h
XHTML™ 1.2 - Meaningful, Accessible XHTML
W3C Editor's Draft 17 October 2008 This version: http://www.w3.org/TR/2008/ED-xhtml12-20081017 Latest stable version: http://www.w3.org/TR/xhtml12 Previous Editor's Draft: Diff from previous Editor's Draft: xhtml12-diff.html Editors: Shane McCarron, Applied Testing and Technology, Inc. This document is also available in these non-normative formats: Single XHTML 1.0 Strict file, PostScript version,
hxxk.jp - DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 )
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
IE8のEmulateIE8/EmulateIE7モード
Sep 06, 2008 先日リリースされたIE8 Beta 2から、EmulateIE8モードとEmulateIE7モードが追加されたので簡単にまとめ。その他のIE8のレンダリングモードに関してはIE8のレンダリングモードに関するまとめをご覧ください。 さて、今回から新たに搭載されたEmulateIE7モードは、IE8 Beta 1に搭載されていたEmulate IE7ボタンの機能をそのままモードとして定義したものです。また、Beta 1に搭載されていたEmulate IE7ボタンは互換表示ボタンとして正式な機能の1つになりました。 EmulateIE8モードとEmulateIE7モード EmulateIE8モードとEmulateIE7モードは、他のレンダリングモード指定と同様にmeta要素かHTTPレスポンスヘッダにX-UA-Compatibleを追加して指定します。 // Emula
XHTML Role属性 | | プログラマ2.0日報 | あすなろBLOG
やり方、って一つとは限らないのが真理かもしれませんね。 いろいろとマイクロフォーマット関連で見ていって、見つけたのですが、 XHTML Role属性モジュール（W3C Working Draft, 2007/10/04） というのがあります。 一部で誤解があるかもしれませんが、マイクロフォーマットの本質って、属性値の使い方に関する、公的なかたちでの合意プロセス じゃないか...と思います。つまり、勝手に自分が決めたオレオレ・マイクロフォーマットは、実はマイクロフォーマットとは呼べない！ のですよ。「マイクロフォーマット」と呼ぶためには、やはり Wiki での議論を踏まえた上で、コミュニティに認められてなくてはならないわけです。CSSを適用するために class 属性に event と付けることと、マイクロフォーマットとして使うために vevent とつけることとは、同じに見えても、ホントは
The Difference Between ID and Class | CSS-Tricks
ID’s and classes are “hooks”! We need ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p>, and <ul> will often do the job, but our basic set of tags doesn’t cover every possible type of page element or layout choice. For this we need ID’s and Classes. For example <ul id="nav">, this will give us the chance to target this unordered list specifically, so that we may
abbr design pattern - Microformats Wiki
Purpose Use the abbr-design-pattern when you have localized, language, or design-specific human readable information that you want to markup and also provide a more globally human and machine readable alternative. Authors MUST NOT use the abbr-design-pattern to hide data. The contents of the <abbr> tag's title attribute MUST be both human-readable and human-listenable (e.g. for screenreaders), and
テーブルとアクセシビリティ -- ごく簡単なHTMLの説明
大きなテーブルは、音声読み上げで内容を聞いているとき、データが何を示す値であるかが混乱してきます。音声ブラウザは、th要素の内容やtd要素のheaders属性を利用して、補助的な情報を読者（聴取者）に伝える機能を持っています（WebSite DesignのVol.3で「音声ブラウザでもまだサポートされていない」と書いてしまいましたが、新しいバージョンはかなり対応が進んできました）。 音声ブラウザとth要素 長い見出し項目の省略形 セルの関係を示す属性 scope属性 headers属性 データの次元と軸 補足：テーブルsummary属性の読み上げ 音声ブラウザとth要素 表（テーブル）は、大量のデータを縦横の二次元に整理することで、視覚的に把握しやすくします。しかし、音声合成でテーブルを読み上げる場合、データは順番に一次元的に読み上げられるため、全体像を把握することが難しくなります。たとえ
W3CのHTML 5草案の日本語訳をするかもしれない - 血統の森+はてな
だれも今年の1月に出たW3CのHTML 5草案（http://www.w3.org/TR/2008/WD-html5-20080122/）全体を日本語訳をする気配がない*1ので、元気があれば3月に一応期間を区切っていけるところまでやってみようかなと。ただし、完訳は目標ではあるけど必ず完訳しきるという気はないし、作者の英語能力もたいしたレベルではないので期待はしないでください。 予定としては、 とりあえず3月頭に開始、3月末に終了予定。 はてなダイアリーで逐次日本語訳をアップしていき、ある程度のところまでいけば別途HTMLとして本サイトのほうに掲載するつもり。 低レベルな日本語訳でも何かの役には立つだろうから、HTML5草案の日本語訳は修正BSDライセンス相当を想定。もっと良質な訳ができるって人は自由に改変してくれ。もし改変時にリスペクトしてくれるなら、血統の森の名を改訳のどっかに放り込んで
コードは<pre>でマークアップするべき ...か？ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 技術系のネタを出すときに避けて通れないのが、ソースコードの出し方。通常は<pre>要素でマークアップするのが一般的。だけど<pre>要素でマークアップすると、基本的にはどれだけ横長になろうがソース中の改行でしか改行されないため、表示領域内に収めることが難しい。 だが待ってほしい。 そもそも<pre>でマークアップしなければいけないのか？ そんな事はない。<pre>（整形済みテキスト）はソース中のスペースや改行をそのまま表示するために作られたタグで、改行や空白に大きな意味をもつ詩や俳句なんかのために用意されている。それがソースコードのマークアップに使われるのは、単にイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ima.pandach.com/cgi-bin/mt/2006/09/firefoxoperalink.php