今天面试遇到的问题

今天面试遇到了一个我感觉很奇怪的问题不知道从哪里下嘴，问：1.页面布局来看，一个页面的页眉布局和页脚布局有什么看法？2.logo怎么样布局会对seo搜索友好？3.按钮如何统一？

第一个是考你对目前主流结构的认识咯比如常规的都是默认头部和页脚，都在布局流里面，稍微变化一点地就是顶部固定，脱离常轨布局流，页脚不固定。当然也有页脚固定的网站比如支付宝，这个时候头部加入到了常规的布局流中。部分页面也有需求，头部有两个即常规布局流的头部，以及滚动到一定高度的头部吧，哈哈不知道是不是想问这些，然后问你如何实现？

第二说说下窍门吧，常规的logo都是一个图片，对seo有好的话我们可以加alt，如果你用的css背景图或者font的话，我们可以加title或者设置padding-left很长然后直接在标签里写logo的含义啦。

第三个就是我们需要单独脱离出来写button组件样式可以参考bootstrap的样式文件按钮都是
btn btn-primary前者声明基本的按钮后者声明具体的颜色样式，当然还有大小啊是否有图标啊等等的class

希望能够帮到楼主。

我谈谈我对第二个问题看法，一般logo都是在页面的头部，但是搜索引擎对图片抓去能力比较弱，所以我们在设置logo的地方加上alt标签属性，有助于搜索引擎的抓取。

1.........

logo一般都在网页的左上角，首先给logo加链接，在图片上加alt文本，因为搜索引擎的爬行器都是从上到下、从左至右爬行页面，页面第一个链接，非常重要

3.按钮如何统一：我认为把按钮用样式组合的方法，例如bootstrap那种

页脚要大于页眉，避免头重脚轻，同时颜色不应有较大偏离
这个学问非常深，简单说下吧：
1. logo不要使用<img src>这样的，最好使用背景图。
2. logo外面必须有链接
3. 内容的文字加粗加重以提高权重。
  比如：
```
<a href="ssss.com"><div class="site-logo"><h1>站点名字</h1></div></a>
```
然后用css控制不要让上面的文字显示出来，同时设定背景图。
使用统一的button样式，模块化css。

我就来回答第三个吧，开工前先整体浏览下设计稿，单独写出一个通用的按钮样式表button.css,之后在其他文件中import就行

【热门文章】