关于网页一些文件的作用
robots.txt文件:通过Robots协议告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取。
放置的位置:放在网站根目录下
具体使用方法:https://blog.csdn.net/u010433704/article/details/52350417
favicon.ico图标文件:制作ico图标的网站 http://www.bitbug.net
图标放置的位置:放在网站根目录下
图标显示的位置
humans.txt:其中包含参加该网页设计和建立的人们的信息。具体用法:http://humanstxt.org/ZH
.gitignore文件:实现忽略Git中不想提交的文件,一般来说每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。
具体使用方法:https://www.cnblogs.com/kevingrace/p/5690241.html
README.md:项目简介,使用方式,相关链接等。。。
CHANGELOG.md:记录项目版本的更新信息,版本信息,修复的问题等
.md后缀文件就是markdown文件,可以用在线编辑器编辑markdown文件https://dillinger.io/
网页浏览器兼容性
头部文件设置IE文档兼容性:用来描述当前的文档需要使用何种浏览器版本来解释当前文档。
例:强制使用最新版本边缘版本浏览器渲染当前网页(IE11文档已经被放弃支持)
IE条件注释(条件选择):对IE的版本进行识别,当即浏览器的版本满足条件时,才其中的执行代码。
lt:小于
lte:小于或等于
gt:大于
GTE:大于或等于
!:不等于
例子:当前浏览器只有大于IE7版本才能显示打招呼
设置移动端理想视口,使用viewport元标签控制布局:
在响应式网站head里必须有一句:<meta name="viewport" content="width=device-width>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;">
content="width=device-width:告诉手机理想视口宽度为设备宽度。
属性名 | 取值 | 描述 |
---|---|---|
width | 正整数 或 device-width | 定义视口的宽度,单位为像素 |
height | 正整数 或 device-height | 定义视口的高度,单位为像素,一般不用 |
initial-scale | [0.0-10.0] | 定义初始缩放值 |
minimum-scale | [0.0-10.0] | 定义缩小最小比例,它必须小于或等于maximum-scale设置 |
maximum-scale | [0.0-10.0] | 定义放大最大比例,它必须大于或等于minimum-scale设置 |
user-scalable | yes/no | 定义是否允许用户手动缩放页面,默认值yes |