Markdown (やその派生)のpre要素になる記法では、問答無用にその中はcode要素でマークアップされる。多くの場合はコードの断片なのでそれでいいんだけど、そうじゃないことももちろんある。例えばCLIプログラムでの操作手順を記載する時のターミナルの画面のコピー。 プログラムによる出力はsamp要素で、キーボードによる入力はkbd要素になるので、以下のようにマークアップするのがベストに近い。 <pre><samp>$ <kbd>node --help</kbd> Usage: node [options] [ -e script | script.js ] [arguments] node debug script.js [arguments] Options: ... NODE_DISABLE_COLORS Set to 1 to disable colors in the REPL
It has been two weeks since my last Blog, not a way to keep your readers happy, if you have any (left). Well, I rather hope that my readers are more to the right than the left. But then, I welcome them all. There are many people who enter the Blogosphere who seem more intent on taunting the Bloggers than to learn and to comment. Foul, ugly-minded, and even beastly, but then, we can always delete t
A few smart folks have already put together their thoughts on responsive tables and, while I think the proposed methods are pretty good, I think there might be room for improvement. As such, I’ve been tinkering for a while and came up with the following strategy when it comes to tables. Step 1: Use data-* attributes to hold information about the column header(s) associated with the markup: This fi
The ARIA role main is intended to serve as an alternative to a “skip to main content” link, something especially helpful to users accessing a site by way of assistive tech or navigating by keyboard alone. It provides the browser (or the users’ assistive software) with a predictable landmark for the page’s primary content so that “skip to main content” functionality can be built into the browsing s
RDFa 1.1 Primer - Third Edition Rich Structured Data Markup for Web Documents W3C Working Group Note 17 March 2015 This version: http://www.w3.org/TR/2015/NOTE-rdfa-primer-20150317/ Latest published version: http://www.w3.org/TR/rdfa-primer/ Latest editor's draft: http://www.w3.org/2010/02/rdfa/sources/rdfa-primer/Overview-src.html Previous version: http://www.w3.org/TR/2013/NOTE-rdfa-primer-20130
このサイトは様々なスキーマを紹介します。スキーマとは、ウェブマスターがページをマークアップすることによって大手検索プロバイダーに認識されやすくなるHTMLタグです。 Bing、Google、Yahoo! などの検索エンジンサイトはこのマークアップを通してより質の高い検索結果を出すことができ、またユーザは探したいページを簡単に見つけられるようになります。 多くのサイトはデータベースに保管されている構造化データから生成されています。このデータはHTMLにフォーマットされる場合、元の構造化データを復元することが難しくなります。検索エンジンを初めとする多くのアプリケーションは構造化データに直接アクセスすることによってメリットを得ることができます。ページ内にデータを埋め込むオンページマークアップを導入することによって、検索エンジンはさらに質の良い検索結果を出すことができ、ユーザが本当に必要な情報を提
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
Polyglot Markup: A robust profile of the HTML5 vocabulary W3C Working Group Note 29 September 2015 This version: http://www.w3.org/TR/2015/NOTE-html-polyglot-20150929/ Latest published version: http://www.w3.org/TR/html-polyglot/ Latest editor's draft: http://dev.w3.org/html5/html-polyglot/html-polyglot.html Previous version: http://www.w3.org/TR/2014/CR-html-polyglot-20140717/ Editors: Eliot Graf
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship Jiiiii — Free to download, unlock your anime-watching-superpowers today! Main Basics Syntax License Dingus Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain te
HTML5: Techniques for providing useful text alternatives W3C Working Group Note 21 May 2015 This version: http://www.w3.org/TR/2015/NOTE-html-alt-techniques-20150521/ Latest published version: http://www.w3.org/TR/html-alt-techniques/ Previous version: http://www.w3.org/TR/2014/WD-html-alt-techniques-20141023 Editors: Shane McCarron, Applied Testing and Technology, Inc., shane@aptest.com Liam R E
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
■ 第1回アクセシビリティBAR『初夏のパンくず祭』に行ってきた 最近、仕事の関係でなぜかWebアクセシビリティのコミュニティに関わりができはじめていて(受託の面白いところですな)、一介のプログラマだったはずなのに数奇な運命であります(おおげさ)。 で、東日本大震災の直後に関係者と飲んでいたときに「今年はヤマザキ春のパン祭も自粛らしいですよ」的な話が出て、「じゃあ代わりに『カワサキ春のパンくず祭』をしようではないか」という流れになったんだが、実現したときには本家は復活したあと、しかもすでに春というよりは初夏になっていたという。そんなこんなで第1回アクセシビリティBAR『初夏のパンくず祭』に参加したのだった。 ハッシュタグ#a11ybarを見ればわかるように、参加者がやや内輪だったこともあり、開始直後から1時間くらいは飲み食いに忙しくてどうなることかと思ったが(笑)、その後けっこう真面目にパ
第1回「アクセシビリティBAR（仮称）」初夏のパンくず祭 5月31日の覚え書き。中根さんの呼びかけによって催された、第1回「アクセシビリティBAR（仮称）」初夏のパンくず祭に参加しました。初回ということで実験的な側面もあり、人数をかなり少なめに設定したうえで、個室カラオケ本格中華スプラッシュ銀座コリドーの一室を会場に開催。参加されたのは、自分を含め主にウェブアクセシビリティ基盤委員会WG2の委員の皆さんでした。もとはといえばヤマザキ「春のパンまつり」になぞらえ、パンくずリストと呼ばれる何かについて語り合う「春のパンくずまつり」をカワサキで開催しようとかいう話だったのですが、気がつけばすっかり初夏になってしまい以下略。にしても、大変楽しくも有意義なひとときを過ごすことができました。詳細は割愛しますが、 Togetter - 「第1回「アクセシビリティBAR（仮称）」初夏のパンくず祭」 第1回
Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ（エージェント／処理ソフト）はHTMLから文書構造の大枠を把握して提示できるが、内容（データの意味）は基本的に関知しない コンピュータ処理用のデータは別途用意する？ 両方まとめて、シンプルにしよう！ HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別（名前付け）：何が同じで何が異なるかを明確にする データはどんなタイプ（型）か：文書について？ あるいは文中の映画について？ データどうしの関係：この日付は映画の封切り日？ 映画を観た日？ ウェブ文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
