h1タグコードのどちらが正しいですか？

Question

私はすべての3つの...

<h1><span class="bold">realestate</h1> 
<h1>realestate</h1> 
<h1 class=bold>realestate</h1> 

間、私はそのことについて教えてください...

Answer 1

最初は正しくない、ので、...正しい次のコードのどの知りたいですスパン要素には終了タグがありません。

<h1><span class="bold">...</span></h1> 

2番目と3番目はどちらも正しいですが（3番目の例では二重引用符がありません）。

---

しかし、あなたが使用するものを使用したい場合、私は例えば、使用をもう一度1を言うと、H1要素のための大胆なスタイルを定義したい：

<style> 
h1 { font-weight: bold; } 
</style> 

Answer 2

最善の選択肢だろう4：

<h1 class="main-heading">realestate</h1> 

あなたはあなたのクラスセマンティックな意味を与える必要があります - 主な見出しが常にメインの見出しになりますが、設計者が決定したどのような場合、彼らはより良い下線付きに見えるのでしょうか？あなたはこれで終わるでしょう：

.bold { font-weight: normal; text-decoration: underline; } 

これは最高の混乱です！

Answer 3

属性値は引用符で囲む必要があり除き、第三の選択肢は確かにあなたがXHTMLを使用していると仮定すると、きれいな選択肢であるように私には思える：

<h1 class="bold">realestate</h1> 

それは実際に同封しても意味がありません。別のタグの<h1>タグの全内容<div>のインライン同等として<span>タグの

<h1>Real <span class="bold">Estate</span></h1> 

思う：それは、例えば、完全に異なる<h1>の残りの部分に異なるではなく、あるべきタグのほんの一部を囲むために、より理にかなってタグ。

Answer 4

あなたのやりたいことによって異なります。

あなたはすべてのh1を太字にしていますか？その場合、＃2を使用し、CSSを使用してすべてのh1要素をそれに応じてスタイル付けします。

CSS

h1 { 
    font-weight: bold; 
} 

HTML

<h1>realestate</h1> 

あなたが唯一選ばれた少数のH1の大胆、使用＃3を作成し、持っているすべてのh1要素のスタイルをCSSを使用しようとしている場合大胆なクラス。

CSS

h1.bold { 
    font-weight: bold; 
} 

HTML

<h1 class="bold">realestate</h1> 

何らかの理由であなたが大胆であることをH1の一部を望んでいた場合は最初のものは、実際にのみ有用である

CSS

.bold { 
    font-weight: bold; 
} 

HTML

<h1><span class="bold">real</span>estate</h1> 

また、あなたのサンプルから、一般的には、引用符と終了タグに気を付けます。