我的前端学习之路＜优化和表格＞

优化

        1.头部优化

                使用meta标签添加页面描述和关键词

                        meta：kw 关键词

                        meta：desc 描述

        2，超链接优化

                ①不要使用flash动画做链接，建议使用文本做链接

                ②给链接使用title属性，提示用户将要跳转到哪里

                ③不要使用图片热点做链接（点击图片不同地方跳转不同页面）不利于引擎搜索

        3，图片优化

                添加alt属性，方便爬虫爬取，便于搜索

        4，结构优化

                ①文件保存在100kb左右

                ②充分做到结构与样式分离，不要混合使用，不便于维护，影响加载速度

                ③使用简易语义化标签，明显进行区块划分，直接显示对应的功能模块

                                header  头部

                                footer  尾部

                                section   主体区域

                                main   主要内容区域

                                mside    侧边栏区域

                                nav   导航区域

                                article   文章区域

表格css属性

        table属性

                        border-spacing     单元格与单元格之间的差距

                        border-collapse：collapse(实现1px的细线边框)  /  separate(边框分开，默认)

                        table-layout：auto(默认值) / fixed(固定高度)

        td属性

                        border：2px solid gray   边框

                        padding：；        单元格与内容之间的间距

                        empty-cells：show(默认) / hide(隐藏)

表格新增标签

        ①标题标签        caption

                使用位置：table里面第一个tr出现的位置之前

                css属性：caption-side        标题显示位置

                                text-align        文本左右对齐

        ②表格标题行标题列单元格

                th与td等价，th存在加粗与居中效果

        ③表格行分组标签

                含义：将某一行或某一列当作一组看待

                        thead        表格头部，只能有一个

                        tbody        表格主题，可以有多个

                        tfoot          表格尾部，只能有一个

                使用分组之后，thead和tfoot会自动降低高度，tbody均分

        ④表格列分组<colgroup span=""></colgroup>

                        使用colgroup代表划分为一组，span=1为1列为一组，span=2为2列为一组

        ⑤只显示横纵线         rules

                        rows   只显示横线

                        cols     只显示纵线

                        none    取消横纵线

                        both   显示横纵线