熟練したhtmlライティングスタイルの分析と理由

I. ナビゲーション： 順番なしリストと他のタグ要素との比較

ナビゲーションを最もよく使われる "順序なしリスト" で記述する理由は明白です。これはリンクの列を表しており、それだけでリストタグを選択する十分な理由となります。しかし、リスト一覧のデフォルトのスタイルは、より意味のあるものにするために削除する必要があります。
もう一つのメリットは、中にリンクを追加しながらリストリストを作成し、cssでリストリストの中の要素の文字列の定義を制御できることで、想像を超えるかもしれません。

TypeError: Listenindizes müssen Ganzzahlen oder Slices sein, nicht str

II. パス（パンくず）：p 段落タグ vs list リストタグ

また、他に良い方法があれば教えてください。個人的には、以下のようなコードでパス（パンくず）を書くのが好きです。(ただし、>>記号はあまり使いません）。

<p id="breadcrumbs"><a href="#">Home</a> " <a href="#">About Us</a> & lt;/p>

サイトパス（パンくず）はページ内部で階層化されており、リスト一覧を入れ子にして階層を表示するのは合理的ですが、リスト一覧の中に1項目しかない場合、この状況をどう見るのでしょうか。個人的には、ページパス（パンくず）は1行で表示させるべきだと感じています。

C. ボタンと入力
input type="submit"を最後に使ったのはいつだったか覚えていませんが、ずいぶん前に使うのをやめました。理由は2つあります。なぜボタン要素はinput type="submit "でなければならないのか、bottonはそれ自身の要素で、コード内で識別しやすくcssで簡単に定義できる（すべての古いブラウザでこの要素タグ属性がサポートされているわけではない）こと、です。また、その中に他のタグ要素を書くことができるので、その可塑性の可能性を広げることができます。

<button type="submit">Submit Form</button>

IV. メッセージ：順序付きリスト(ol) vs 順序なしリスト(ul)

リストリストって本当に素晴らしいですね。3つのタイプ（順序付きリスト、順序なしリスト、定義済みリスト）があり、それぞれに使い方があります。順序付きリスト（ol）と順序なしリスト（ul）をいつ使うか、迷うかもしれませんが、それは使うときに意味があるからです。メッセージは、時系列を上にしてきれいに並べ、中を自然にソートした教科書のようなものです。各コメントメッセージは一定の時間に対応しているので、メッセージのコメント構造には順序付きリスト(ol)を使用する必要があります。

<ol>
	<li>
	<ul>
	<li><img src="path-to-gravatar.gif" alt="Author's name" /></li>
	<li><a href="url-to-authors-homepage.html">Author's name</a></li>

	<li>posted on date-goes-here</li>
	</ul>
	<div>Comment text goes here... </div>
	</li>
</ol>

V. label/input: divと他のラベル要素との比較

label/input以外の親構造はどのようなものが良いのでしょうか？

<label for="contactName">Your Name</label>
<input type="text" name="contactName" id="contactName" />

適切なラベルコードを使用することは、以前にも検討できたことですが、今はラベル/入力のインレイにdivを使用することを選択し、ラベルとそれに関連するものは全体として見られます。div要素は幅広いセマンティック特性を持ち、どんな状況にも適応することができます。

<div>
	<label for="contactName">Your Name</label>
	<input type="text" name="contactName" id="contactName" />
</div>

原文は中国語です。 <フォント 私のhtmlライティングの好み5つ
原文は英語です。 私のHTMLコーディングの好みのトップ5