THML结构语义化之table/form

以table/form标签语义化，做为博客首贴

应用场景1-table表格

<table>
     <caption>
          <thead>
               <th colspan="4">水果价格表</th>
          </thead>
     <tbody>
          <tr>
               <th></th>
               <th>中国</th>
               <th>美国</th>
               <th>意大利</th>
          <tr>
          <tr>
               <th>苹果</th>
               <td>8</td>
               <td>12</td>
               <td>10</td>
          <tr>
     </tbody>
     <tfoot>
          <tr>
               <th>桃子</th>
               <td>6</td>
               <td>10</td>
               <td>8</td>
          <tr>
     </tfoor>
</table>

应用场景2-form表单

<form>
<fieldset>
        <legend>基本信息</legend>
        <p>
            <label for="name" >姓名：</label>
            <input id="name" type="text" value="姓啥名啥" />
        </p>
        <p>
            <label for="sexs">性别：</label>
            <label><input type="radio" name="sex" id="sexs" />男</label>
            <label><input type="radio" name="sex" />女</label>
        </p>
        <p>
            <label for="likes">爱好：</label>
            <label><input type="checkbox" name="like" id="likes" />户外旅行</label>
            <label><input type="checkbox" name="like" />读书</label>
            <label><input type="checkbox" name="like" />滑雪</label>
        </p>
        <p>
            <input type="submit" value="提交" />
        </p>
    </fieldset>
</form>