8月3日学习心得

（笔记接8月2日学习心得）
十三、H5语义化标签
1.header 具有引导和导航作用的元素，通常来放置标题（导航）、logo、搜索栏等。
2.nav 用作页面导航的链接组，其中导航元素链接到其他页面，或当前页面其他部分。
3.article 代表文档，页面中独立、完整、可被外部引用的内容，也可被嵌套使用。
4.aside 用来表示当前页面或文章的附属信息部分，可包含侧边栏、广告、导航条等非主要内容的部分。
5.footer 通常包含作者信息，相关链接，版权信息等。
6.address 用来呈现文档的联系信息，作者的联系信息、地址、电话等。
7.section 类似于div 作为html的独立功能。
8.figcaption必须放在figure内
语义化标签除了语义外，与div相同，对于搜索引擎比较友好，语义化代码可读性高，方便其他设备解析。
十四、表格(table)
table
thead
tr>th
tbody
tr>td
tfoot
属性
align:对齐 ：left, center, right
border:边框 ：整数,px
cellpadding:内容与单元格之间的距离。
cellspacing:单元格与单元格之间的距离。
bgcolor:设定表格背景色。
width：设定表格宽度。
colspan：跨列合并。
rowspan:跨行合并。
caption:作为table的子元素，表示表格的标题信息。
colgroup:列分组，定义一个表中的一列组，作为table的子元素，同时放在caption后面，其他元素前面
col常作为colgroup的子元素，有span属性，规定列为同一列。

语义化标签

联系我：

邮箱：***@qq.com

电话：12345678901

地址：******

>

预约外币

金融服务

个人简历

（注：跨行合并与跨列合并，我的代码呈现的是合并后的样式，即那些单元格在写完合并代码后已被删除）

        </thead>
        <tbody align="center">
            <tr>
            
            <td >姓名</td>
            <td style="width: 45px;">      </td>
            <td>性别</td>
            <td style="width: 45px;">      </td>
            <td>出生年月</td>
            <td style="width: 45px;">      </td>
            <td rowspan="3" style="width: 75px;">照<br>片</td>
            </tr>
            <tr>
            <td>籍贯</td>
            <td style="width: 45px;">      </td>
            <td>民族</td>
            <td style="width: 45px;">      </td>
            <td>身高</td>
            <td style="width: 45px;">      </td>
            </tr>
            <tr>
            <td>政治面貌</td>
            <td style="width: 45px;">      </td>
            <td>学历</td>
            <td style="width: 45px;">      </td>
            <td>职业资格</td>
            <td style="width: 45px;">      </td>
            </tr>
            <tr>
            <td rowspan="2">家庭地址</td>
            <td rowspan="2" colspan="2">      </td>
            <td colspan="2">联系电话</td>
            <td colspan="2">      </td>
            </tr>
            <tr>
            <td colspan="2">E-mail</E-mail></td>
            <td colspan="2">      </td>
            </tr>
            <tr>
            <td rowspan="3">社会关系</td>
            <td>关系</td>
            <td>姓名</td>
            <td style="width: 75px;">政治面貌</td>
            <td colspan="3">工作单位</td>
            </tr>
            <tr>
            <td>      </td>
            <td>      </td>
            <td>      </td>
            <td colspan="3" style="height: 20px;">      </td>
            </tr>
            <tr>
            <td>      </td>
            <td>      </td>
            <td>      </td>
            <td colspan="3" style="height: 20px;">      </td>
            </tr>
            <tr>
            <td rowspan="3">教育背景</td>
            <td rowspan="3" colspan="6" style="height: 60px;">      </td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
            <td>任职情况</td>
            <td colspan="6">      </td>
            </tr>
            <tr>
            <td rowspan="3">获奖情况</td>
            <td rowspan="3" colspan="6" style="height: 60px;">      </td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
            <td>特长爱好</td>
            <td colspan="6">      </td>
            </tr>
            <tr>
            <td rowspan="4">个人自述</td>
            <td rowspan="4" colspan="6" style="height: 80px;">      </td>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
            <tr>
            </tr>
        </tbody>
        <tfoot></tfoot>
    </table>
</div>