学习到的关于开发网页的知识

 

关于网页一些文件的作用

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

猜你喜欢

转载自blog.csdn.net/li__po/article/details/83421872
今日推荐