hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

間違いやすいHTMLの記述と規格

◉タグは入れ子にする

◉開始タグと終了タグは一致させる

 

入れ子にできるタグが決まっているタグがある

     trタグの中には、th か td のどちらかでなければならない

  他のタグは入れられない!!

NG ex1)  

  <table>

                    <tr>

                          <h1>見出し項目</h1>

                          <p>データ項目</p>

                   </tr>

        </table>

 

OK ex1)  

  <table>

                    <tr>

                          <th>見出し項目</th>

                          <td>データ項目</td>

                   </tr>

        </table>

                                    

  ulタグの中には liタグしか入れ子にできない

NG ex2)

        <ul>

                 <p>リスト</p>

                <p><li>リスト</li></p>

       </ul>

 

OK ex2)

        <ul>

                 <li>リスト</li>

                 <li><p>リスト</p></li>

       </ul>

 

◉終了タグを省略できるタグ

pタグ 

liタグ   

trタグ

thタグ

tdタグ

theadタグ

tbodyタグ

tfootタグ

これらは</   > の終了タグを省略しても可能。

 

EX1)

   <p> 段落

 

EX2)

  <ul>

       <li>リスト

       <li>リスト

 </ul>

 

EX3)

     <table>

           <tr>

               <th>見出し項目

               <td>データ項目

     </table>

 

 

◉規格

HTMLの書き方のルールはWorld Wide Web Consortium(W3C)という組織によって

決められているので、

バージョンごとに仕様が定められている。

バリデーションでもチェックできるが、以下をこまめにチェックすると良い。

 

 ●World Wide Web Consortium(W3C)

        http://www.w3.org/

 

 ●W3Cによって定められたHTML5の仕様書 

       http://www.w3.org/TR/html5/