HTMLの書き方とその理由を分析_HTML/Xhtml_Webページ制作

1. ナビゲーション: 順序なしリストと他のタグ要素

ナビゲーションを記述するために最も一般的に使用される「順序なしリスト」を使用する理由は次のとおりです。明らかに、これはリンクのリストを表しており、それ自体がリスト ラベルを選択する十分な理由になります。ただし、リストをより意味のあるものにするには、リストのデフォルトのスタイルを削除する必要があります。
もう 1 つの利点は、あなたの想像を超えているかもしれません。リストを作成してそれにリンクを追加すると、CSS を使用してリスト内の要素の文字列を制御および定義できます。

• 收集分享

2. パス (ブレッドクラム): p 段落タグからリスト リスト タグ

この問題について一緒に話し合うことができます。他のより良い方法がある場合は、お知らせください。個人的には、次のようなコードを使用してパス (ブレッドクラム) を記述することを好みます。 (ただし、>> 記号はあまり使用しません)。

<p id="breadcrumbs"><a href="#">首页</a> » <a href="#">关于我们</a> </p>

Web サイトのパス (ブレッドクラム) は、論理的に言えば、階層関係を示すためにネストされる必要があります。しかし、リスト内に項目が 1 つしかない場合、これについてはどう考えますか?どのような状況ですか?個人的にはWebページのパス（パンくずリスト）は一行で表示すべきだと感じています。

3. ボタンと入力
最後に input type="submit" を使用したのがいつだったか思い出せませんが、次の 2 つの理由からずっと前に使用するのをやめました。ボタン要素に type="submit" と入力する必要がありますか? ボタンは独自の要素であり、コード内で簡単に識別でき、CSS を使用して簡単に定義できます (すべての古いブラウザーがこの要素タグ属性をサポートしているわけではありません)。また、その中に他のタグ要素を記述することもできるため、その可塑性の可能性が広がります。

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

4. メッセージを残す: 順序付きリスト (ol) と順序なしリスト (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>

5. 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>

中国語原文: 私の 5 つの HTML ライティング設定
英語原文: My HTML コーディング設定のトップ 5