ホームページ > 記事 > ウェブフロントエンド > HTML5 マイクロフォーマットと関連する属性名_html5 チュートリアルのヒント
HTML5 マイクロフォーマットと関連する属性名_html5 チュートリアルのヒント
- WBOYオリジナル
- 2016-05-16 15:51:271274ブラウズ
2004 年 5 月 29 日、私がブログとすべての講演を引退した後、私は Web サイトで 40 人のデザイナーを調査し、ヘッダーやバナー、ナビゲーション、コンテンツ、フッターなどの一般的なページ要素にどのような規則を使用しているかを調査しました (結果その時から）。
これは科学的研究とは言えませんでしたが、その年の 6 月に私は Eric Meyer のコメントの一部をフォローアップし、一連の命名規則を発表しました。これらの命名規則を採用している Web サイトを見つけるといつも嬉しくなり、4 年以上経った今でも毎日それを使用しています。
その時の私の考えをまとめると以下の通りです
id および class 属性名は、プレゼンテーションではなく、要素の機能または内容を反映する必要があります。 そのため、ヘッダーが削除され、ブランディングが導入され、フッターが削除され、サイト情報に置き換えられました。
名前付けは、ほぼ XML スタイルの構造をとる必要があります。したがって、コンテンツ内には content-main 、 content-sub 、 content-supp が含まれます。
これらの慣例は私にとって有益であり、私が行ったことはその核心をほとんど変えませんでした。間違いなく、それらはすべて私の仕事をより速く、より一貫性があり、より有益なものにしてくれます。 これらにより、製品の開発が容易になり、一緒に働く人々に私の考え方を教育することができます。命名規則は機能します。
マイクロフォーマットと関連する属性名
正直に言うと、hCard、hCalendar、hAtom などのマイクロフォーマットやその他のドラフトでは、非常に多くの属性値がテーブルに追加されます。これらの追加のプロパティ値に対してどのビルド ファイルまたはどの制約 CSS パターン フックが提供されるかを検討してください。今では、microformats をかなり使用しており、class 属性 (microformats に付属の class 属性以外) を使用せずにページ全体を開発しています。
まれに、新しい要素を追加する必要がある場合 (レイアウト目的で分割すると仮定して)、最初に考えたのは、既存のマイクロフォーマットを拡張することです。 hAtom モードの使用例を示します:
タイトル< /h2> |
<記事> 🎜>メインコンテンツ
|
> /div> |
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。