1. <label>タグ
サイトの使いやすさを大幅に向上させる非常に便利なもの。 フォーム要素のラベル、つまり そのコンテンツをクリックすると、チェックボックス（ボタン）が置かれ（削除され）、カーソルがテキストフィールドに入ります。
必要なパラメーターは、forのみです。これには、ラベルが属する要素のIDが含まれます。
例：
<label for = 'login'>ログイン：</ label> <input id = 'login' />
2. <link>タグ
CSSページへのリンクに加えて、多くの興味深いものを含めることができます（ちなみに、この興味深いもののサポートはオペラでのみ見られました（まあ、このためのFirefoxプラグインがあるかもしれません）:(しかし、とにかく使用する価値があります）。 relが立つことができます：
- 'alternate'-他のバージョンのドキュメントを定義します。たとえば、RSS（他の属性に依存する）で定義します。
- 'start'、 'next'、 'prev'-リストから他のドキュメントを定義します。多くのドキュメントがあり、それらに注文がある場合（たとえば、ビジネスリンチなど）
- 「著作権」-著作権ページのアドレス。たとえば、ウィキペディアにはGPLへのリンクがあります
など
3.リスト（<ul>-<li>）
目次に同じタイプの複数のエンティティ（たとえば、目次のリンク）がある場合、それらをリストに配置する価値があります。 あなたがそれらを水平または円形に立っている場合でも-リストに入れてCSS'omを作ります。 そうすると、スタイルがなければページは見栄えが悪くなります。
4.スタイルと構造
HTMLドキュメントは、データのみを記述し、データのみを記述する必要があります。ただし、このデータを視覚化する方法を示すものへのリンクは除きます。 つまり CSSとJSは別々のファイルに保存されています。
この項目では、3つのことを一度に話します。まず、すべてのCSSとJSを個別のファイルに取り出す必要があります。次に、すべてのクラス名と要素IDは、スタイルではなくコンテンツタイプのみで指定する必要があります。ラベルを作成することはできません（ラベルは表形式データ用であるため）、<strong>の代わりに<b>などに夢中になり、リストを置くことができるすべての場所にdivとspanをスカルプトする必要があります（ p3を参照）、ヘッダー（<h [1 ..]>）（ところで、何らかの理由で誰もが逃げますが、後でCSSで必要になる場合でも、ヘッダーに常に使用する価値があります（はい、それはCSS！まさか HTMLでの設計のは！）のテキストを非表示にし、絵）、あるいはいくつかの「正直な」要素を提供します。
このルールに従うことをより簡単にするために、firefox webdeveloperに乗ってctrl-shift-Cを押します（CSS→スタイルを無効にする→すべてのスタイル）。
はい、およびb2kからの追加 ：スタイルをIDで規定しません
5.ニーモニック
テキスト（tm）を入れないでください。、->がある場合は、→。 また、写真を使用しないでください。
以下にリストを示します。
6.厳格
常に厳しくしなさい！ 難しいことではありませんが、面白いです;）
7.フレーム
HTMLにないフレームが必要な場合（標準にはそのような要素はありません...まあ、ほとんど;）、<frame>タグではなく、<object>タグを使用してください。
8.仕事と結果は楽しいはずです
サイトとコードを見て、「主よ、ハックの数、オペラアライグマ」または「ああ、ホラー、ここに書き留めてもう一度変更すると、すべてが再び移動します:(」、すべてを消去してからもう一度書き直してください
美しい有効なコードを書くとき、私は自分自身に満足しています。 そして、これはブラウザでのセカの後のオーガズムではありません:)
9.コードはマシンによる分析の準備ができている必要があります
APIを作成する代わりに、あらゆる種類のXMLパーサーなどを使用して、分析のためにページを理解しやすくすることができます。
PS私はどんな追加も喜んでいるでしょう、私はすぐにそれらをここに持っていきます。