あくまで有効日数はW3C仕様の名目上のステータスであり、参考情報にしか過ぎないわけですが、HTML5とそれよりも前に策定された(X)HTML仕様は、2018年3月に一斉に廃止され、HTML Review Draftと入れ替わるタイミングでHTML 5.1とHTML 5.2が同時に廃止されました。Second Editionを含んでいますが、HTML5シリーズがいずれも勧告から3年で廃止されているのは何とも興味深いところではあります。 また、古い話ですが、当時HTML5のEditorを務めていたHixieことIan Hickson氏が2008年に「HTML5の完成は2022年ごろになる」と発言していたことがありました（HTML5の完成は2022年！？ | Web標準Blog | ミツエーリンクス）。2012年にW3CとWHATWGのHTMLが分裂[1]し、結局今年になってWHATWG HTM

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す

池田 泰延 @clockmaker h1要素が同じHTML内に複数もあるのはどうなの的な宗派（XHTMLの流れをくむセマンティックス派）でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 2016-12-13 14:36:23

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 名前文字参照（Named character references）とは、HTMLで<ã‚„©ãªã©ã¨è¨˜è¿°ã™ã‚‹å½¢å¼ã§ãŠãªã˜ã¿ã®ã€æ–‡å­—参照の一種です。 HTML4までは文字実体参照（Character entity references）と呼ばれていたものの、HTML5からは名前文字参照（Named character references）という名称に変わっています1。 本題に入る前にまず文字参照（Character references）のおさらい。HTML4では、 文字実体参照（Character entity re

先に結論を述べちゃうと、HTML5におけるstrongは重要性 (importance)を、emは強勢 (emphasis)を表す。強勢って何？ってのは後述しています。 かつてHTML 4.01の場合は単純にemが強調 (emphasis)、strongがより強い強調 (stronger emphasis)でした。 なおどちらもemphasisという単語を使っているんだけれど、この英単語自体が重要性を示す「強調」と、発声時の強弱の強を示す「強勢」と、両方の意味を持っています。HTML 4.01とHTML5では日本語訳を分けているのは、文脈から判断したものです。 重要性 こちらは重要なものである、という事を表します。普通です。ここ試験に出るぞーってやつですね。 吾輩は「猫」である。 すると、きっと試験にこんな問題が出るわけです。 「この物語の語り手である「吾輩」は何者であるか。漢字一字で答え

あるアクションを引き起こす「モノ」を「リンク」とするか「ボタン」とするかは、何を基準に判断すればよいのでしょうか。ここでは最近の私の解釈を書きます。 最近の私の解釈 最近の私の解釈は「アクションが、ページの遷移かフォーカスの移動を発生させるものはリンク、そうでなければボタン」というものです。この解釈はWAI-ARIA 1.0のある注記がきっかけになっています。 WAI-ARIA 1.0 WAI-ARIA 1.0 （2011年1月18日勧告候補）にはlinkロールとbuttonロールがそれぞれ用意されています。中でもlinkロールには私の解釈の直接のきっかけとなった注記があります。 Note: If pressing the link triggers an action but does not change browser focus or page location, authors

CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない 「流出」などの嫌な単語は:beforeと:afterに「流」「出」を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お　詫"; } p:nth-child(1):after{ content: "　び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{ c

株式会社ミツエーリンクスの渡邉卓です。昨年の「2013年のWeb標準」と同様、2014年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2014年のWeb標準については「HTML5勧告予定年」「⁠IE6の終焉」「⁠CSSプロパティくりかえし問題」をキーワードとして取りあげます。 HTML5勧告予定年 HTML5にとって、2014年はとても重要な年になります。昨年の記事でも触れましたが、HTML5は2014年に「勧告」となる予定であるためです。HTML WGによる2014年の計画では、HTML5を勧告（Recommendation）にする目標が、2014年後半（第4クオーター）に設定されていることがわかります。 HTML5はすでに勧告候補（CR; Candidate Recommendation）であるため、

「HTML5 Advent Calendar 2013」の24日目の記事です。 Webアプリのパフォーマンス改善と言えば、JavaScriptやDOMアクセスなど、既存の技術ベースな改善手法を想像する方も多いでしょう。最近では、こうした改善のあり方を、別の視点からもう少し広げようというアイデアが存在感を持ち始めています。それは「Web標準」です。 そこで今回、Web標準側でできるWebアプリのパフォーマンス改善について、掻い摘んで紹介します。全てを説明となるとキリがないので、キーワードを中心とさせて頂きます。最近になって、結構実用化が進んできているので、悩んだ時には試してみる価値はあるでしょう。 1. リソースを先に読み込む linkタグにてURLなどを指定することで、これから先に読み込ませる可能性が高いWebページのリソースを予め読み込むWeb標準があります。ニュースサイトでは次のページ

この記事はFrontrend Advent Calendar 2013の8日目の記事です。 昨日岐阜県にてHTML5 Conference 2013 in Gifuというイベントがありまして、そちらでWebプラットフォーム動向についてお話させていただきました。スライドはこちら。 2013年のWebプラットフォーム 相変わらずふんにゃりした話しかできず心苦しい。 Extensible Webが実行に移った2013年 今年はOperaのWebKitChromium移行、Blink登場、IE11で互換機能を非推奨に、など、ブラウザの動きが大きくて、あまりWeb標準周りで大きなニュースがなかったように思います。あったらあったで面倒なんですが（たぶん良いニュースはない）。ただ、思ったよりずっと動きが速いなと思ったのが、Extensible Web関連です。 「低レベルなのモデル・APIをつくり、高レ

先日、HTML5の新しい勧告候補が公開されました。今更ですが、目についた変更点を挙げます。 要素の追加と削除 data要素が追加されました main要素が追加されました hgroup要素が削除されました menu要素とcommand要素が削除されました data要素 data要素は、要素の中身に通常のコンテンツを、value属性にコンピューターが読み取れる形式のコンテンツを、記述する要素です。 2013年8月版の勧告候補の中でも、Common idiomsの会話の例にdata要素を使ったマークアップの例が出ています。 <p> <data value="1319898155">14:22</data> <b>egof</b> I'm not that nerdy, I've only seen 30% of the star trek episodes <p> <data value="13

日本語を含んだ属性名にするのが誰得なんだという疑問があるにせよ、仕様上はそうなっている（ように読める）のだから仕方ない。 カスタムデータ属性は、文字列"data-"で始まる名前空間のない名前をもつ属性であり、ハイフンの後に少なくとも1文字を持ち、XML互換であり、ASCII大文字を含まない。 HTML 5.1（2013-05-28） 3.2.3.9 data-*属性をもつカスタム非視覚データの埋め込み XML互換というのはHTML 5.1仕様によると、 属性名がXMLで定義されたName生成物と一致し、":"（U+003A）文字を含まず、かつ最初の3文字の文字列がASCII大文字・小文字不区別で文字列"xml"に一致しない場合、属性名はXML互換であると言われる。 HTML 5.1（2013-05-28） 2.1.2 XML とある。Name生成物はXML仕様に定義してあって、 [4] N

This domain may be for sale!

公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : アクセシビリティ / ユーザビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」

HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance First Draft of HTML 5.1 Offers Glimpse at Next Round of Standardization Read below what W3C Members have to say about HTML5 17 December 2012 — The World Wide Web Consortium (W3C) published today the complete definition of the HTML5 and Canvas 2D specifications. Though not yet W3C standards, these specifications are no

2012年12月1日 著 この記事は、HTML5 Advent Calendar 2012向けに書いたものです。12月1日、カレンダー初日ということで、割とあっさりとした内容にしたいと思います。読み応えのある、もっと濃くて面白い記事については、きっと後に続く方が書いてくださることでしょう......などと微妙にプレッシャーを与えてみたり（やめい）。それはさておき、この記事では、HTML5で個人的に注目しているmain要素をご紹介します。 main要素なんてHTML5仕様にあったっけ？と思った方は、正解。この要素は現状、HTML5仕様のなかで公式に定義されているものではありません。Webアクセシビリティのコンサルティングを手がけるThe Paciello Groupのメンバー、Steve Faulkner氏がHTML5の拡張仕様として提案中のものです。彼の執筆した非公式なドラフトは、The

誰か作っているかと思ったら、意外となかったらしいので作りました。 HTML5やJavaScript APIに関する話題であれば、Web標準からかけ離れた話題でなければ、なんでもOKです！