[B! HTML5][html] mypacecreatorのブックマーク

普通のHTMLの書き方

保守しやすく、規模に依存しないHTML文書のために一般 DOCTYPEで始める置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする制御文字や不可視文字は数値文字参照を使うコメントではその内容の前後へ空白文字を置く終了タグを省略しない空要素の書き方を混ぜないタグや属性値の前後へ空白文字を置かない大文字・小文字を混ぜない引用符を混ぜない属性を2文字以上の空白文字で区切らない真偽値を取る属性の値は省略する名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜないデフォルトの暗黙のARIAセマンティックスを尊重する文書要素 lang属性を追加する lang属性の値はできる限り短くするできる限り

mypacecreator 2018/08/13

html
html5

リンク

HTML5 UP! Responsive HTML5 and CSS3 Site Templates

mypacecreator 2014/03/26

リンク

MicroformatsとMicrodataの違いについて - kojika17

Webページの内容が、"何を意味するのか"をコンピュータが効率よく情報を収集・解釈できるようにする構想を「セマンティックWeb」「セマンティック(X)HTML」などと呼びます。セマンティックHTMLを始めるにあたりMicroformatsとMicrodataの違いについて、"どう違うのか"分かりづらかったのでまとめてみました。そもそもMicroformats、Microdataとは？マークアップ言語であるHTMLは文章構造を表すことはできますが、意味までは表現できません。例えば、人の名前や住所、電話番号といったものにHTML要素でマークアップすることはできません。ただしMicroformatsとMicrodataを使うことにより、このような意味づけを可能にし、コンピュータも可読できるセマンティックなHTMLドキュメントを作成することができます。 Microformats、Micr

mypacecreator 2014/01/29

リンク

hentry - Microformats Wiki

Schema The hEntry schema consists of the following properties: hentry entry-title. required. text. entry-content. optional (see field description). text. [*] entry-summary. optional. text. updated. required using datetime-design-pattern. [*] published. optional using datetime-design-pattern. author. required using hCard. [*] bookmark (permalink). optional, using rel-bookmark. tags. optional. keywo

mypacecreator 2014/01/29

リンク

HTML5のパンくずマークアップについて | HTMLMEETING

トロントでワーホリ中のしまえるです。 HTML会議は毎週末の夜中に4人でひっそり開催中です。とっても楽しい！先々週に盛り上がった内容、HTML5でのパンくずのマークアップの話をします。 W3Cのサイトを見るとこう書いてます。 2011年10月5日時点でののWorking Draftを見ました。 4.13.2 Bread crumb navigation This specification does not provide a machine-readable way of describing bread-crumb navigation menus. Authors are encouraged to just use a series of links in a paragraph. The nav element can be used to mark the section