知っておく価値のある珍しいHTMLタグ - Qiita
以下はChristopher Kadeによる記事、Unusual HTML tags worth knowingの日本語訳です。 なお斜体は訳者(私だ)による補足です。 Unusual HTML tags worth knowing 正しいHTML要素を使用することは、私たちの多くが考えている以上に重要です。 Semantic HTMLとして知られるそれは、ページにデザインだけではなく、意味を持たせることができます。 <p>要素には段落が含まれており、それがどのように見えるべきかを誰もが知っています。 ページの内容を検索エンジンに伝えるのに役立つだけではなく、スクリーンリーダーが正確に仕事を行うためにも役立ちます。 この記事では、日常的に使うのに便利な、あまり知られていないタグを幾つか紹介します。 abbr MDN 下記例のように、略語を提供します。 title属性、およびインラインテキス
引用元の表記
blockquote要素における引用元の表記をどうマークアップするかでWHATWGとW3Cの仕様で違いが出たので、俄然盛り上がってきた。昨日公開されたHTML5 Doctorの記事を始め、様々な人が見解を書いている。概ねシンプルなW3C版が優勢な気がする。どう決着するかには関心があるものの、現状どうするべきかについてはよくわからなくなってしまったので、それぞれどういうコードになるのかとその思想の違いをメモだけしておく。 WHATWG版では以下のようにfigure要素を使い、figcaption要素で引用元の表記をマークアップする。このウェブサイトではこっちを採用中。 <figure> <blockquote> <p>引用(いんよう、英語：citation, quotation)とは、広義には、他人の著作を自己の作品のなかで紹介する行為、先人の芸術作品やその要素を自己の作品に取り入れること。
引用元のマークアップ
引用で引用元について明らかにすることは大切です。blockquote要素にはそのための属性としてciteが用意されていますが、ほとんど飾りのようなもので、効果的にその情報を表示することは出来ません。じゃどうすれば良いのかというような話です。 figcaption要素で引用元の情報をマークアップし、blockquote要素と共にfigure要素で括るというのがどうやら王道なようです。 <figure> <blockquote cite="http://example.com/"> <p>Lorem ipsum dolor sit amet.</p> </blockquote> <figcaption> <p><cite><a href="http://example.com/">Example Website</a></cite></p> </figcaption> </figure> bl
mf2md
本気のメモです。メモなのでタイトルをわかりづらくしておきました。SEO対策ですね。 hAtom From: <article class="hentry"> <h2 class="entry-title"> <a rel="bookmark" href="/blog/webdesign/document-structure.html"> 文書構造を見なおした(ている) </a> </h2> <footer> <p> Posted on <time datetime="2011-11-09T19:31:06+09:00" pubdate class="published"> 09 Nov, 2011 </time> in <a rel="tag" href="/blog/webdesign/"> Web Design </a> </p> </footer> <div class="entry
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて - kojika17
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、RDFやJSONなどの多数の他のデータ形式と互換性を持たせることができます。 記述方法は以前の記事を参照して下さい。 MicroformatsとMicrodataの違いについて : Web Design KOJIKA17 なぜコンピュータが可読できるデータにする必要があるのか？？ HTMLでは、人や時間、場所など細かくマークアップすることができません。 例として、機械翻訳したカンナダ語を見てみまし
Quoting and citing with <blockquote>, <q>, <cite>, and the cite attribute | HTML5 Doctor
NOTE: (6/11/2013) The definitions of cite and blockquote in HTML have changed. For the latest advice on using these elements refer to cite and blockquote – reloaded Given HTML’s roots in the academic world, it should be no surprise that quoting is well-accommodated in the elements <blockquote> and <q>, with their optional cite attribute. In addition, there’s the <cite> element, which over the last
UTF-8 の文字化け対策！ 「美乳」ではなく「†（ダガー）」を使う
文字化けと対策 （これからも── Mojibake と戦い続ける） 「文字化け」しているウェブサイトは、最近では見なくなりました（と思いたい）。 大昔──、まだ人類が石のヤリでマンモスと戦っていたころは、何度も何度もウェブ・ブラウザの「文字コード」を手動で変更していましたよね。何もかもが懐かしい──。 石のヤリ: Internet Explosion ──もとい Internet Explore 6 マンモス: Yahoo!ジオシティーズ ──いや、両方とも世間では健在ですけれど。 ウェブ上の文章が異常な状態で表示される原因は、おもに「文字コード」の問題です。ソフトウエアと人間の両方が成長することで、じょじょに改善されているけれど──。 文字化け – Wikipedia Unicode 版「美乳テーブル」 ところが、まだまだ文字は化ける！ そこで、UTF-8 時代の「おまじない」として、次
Another HTML Lint 5
Another HTML-lint 5 is a free checker tool for HTML syntax. You may freely reuse and repost this as long as it is for non-profits. Please make sure to link to this website and specify explicitly your (website manager's) location and contact details. Advertising or any service associated with advertising is forbidden. Note: This is currently Beta version. Please contact us at the following e-mail i
Another HTML-lintのHTML5対応を試みた過程の覚書 - 厳選、メタ検索・メタディレクトリ付属日記
未分類Another HTML-lint Downloadからファイルを落として、パソコンにローカルサーバーを立ち上げて利用させていただいているのだが。このたび、HTML5対応を試みた過程の覚書。 「common.rul」ファイルに以下を追加。 'html5' => { doctype => 'html$', name => 'html5|xhtml5', guide => 'HTML5', abbr => 'HTML5', group => 'HTML5', order => ++$doctypescnt, version => 5, scheme => 'urn', charref => 1114112 }, versionを「5」にするとXHTMLとして判定される。HTMLとして判定したい場合、あるいは両方でそれなりに支障なく判定したい場合は、「htmllint.pm」を直接いじる必
cite 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.5.6 cite 要素 カテゴリー: フロー・コンテント フレージング・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: フレージング・コンテント コンテント属性: グローバル属性 text/html におけるタグの省略: どちらのタグも省略できません。 指定可能な ARIA role 属性 の値: あらゆるロールの値 指定可能な ARIA ステートとプロパティ属性: グローバル aria-* 属性 許可ロールに該当する aria-* 属性 DOM インタフェース: HTMLElement を使う。 cite 要素は創造的な作品への参照を表します。作品のタイトルや著者の名前（個人、人々、組織）や URL 参照を入れなければいけません。これらは、引用メタデータの追記によく使われる省略表記に入れること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 5 Outliner