【皇冠盘网址官网】国信安教育 | 中国电科旗下高技能it教育培训机构-皇冠盘网址

中国电科旗下高技能it教育培训机构

当前位置: 皇冠盘网址-最新皇冠会员网址 公司动态 > 技术文章 > 干货 | html隐藏知识点(三):整个网站的核心信息竟然是“它”!

干货 | html隐藏知识点(三):整个网站的核心信息竟然是“它”!

2018-09-25 14:09:20

关于html的隐藏知识点

我们继续来听油腻大叔带来的第三个知识点




    对于初学者或者刚入职场的前端程序猿们来说,记忆中的meta标签就是定义字符集编码,定义网站关键字,网站描述。以及移动端定义手机设备。其实他远远比想象中的还要强大。


    下面大叔带大家深入了解一下很不起眼却功能强大的meta标签meta是head区的一个关键标签,虽然它所包含的信息用户在浏览器上是看不到的,但它却是整个网站的核心信息,是文档的最基本信息。


meta按属性分有三种


1

charset  其实在html5之前是配合http-equiv属性。



html5后简化写法


利用此属性可以定义网页的字符集编码。

常见的值包含gb2312,gbk,unicode,utf-8

【其中】

gb2312:国标码,简体中文集,仅可在中国使用,国外人无法访问。并且无繁体中文。

gbk:国标码扩展版,简体,繁体都支持,

unicode:万国码,世界上所有符号都在里面。

utf-8:万国码的升级版,提高了unicode的编码效率关于详细的字符集编码的介绍,这里不详细介绍,小伙伴自行了解


2

name

name属性主要用于对网页进行描述,对应的属性值为content。


其中name中的参数主要有一下几种:

(1)keywords 关键字

 淘宝网


 京东网:


(2)description 网站内容描述

淘宝网:


京东网:


(3)robots 机器人导向


content里面值有:

a) all:文件将被检索,且页面上的链接可以被查询;

b) none:文件将不被检索,且页面上的链接不可以被查询;

c) index:文件将被检索;d)follow:页面上的链接可以被查询;

e) noindex:文件将不被检索,但页面上的链接可以被查询;

f) nofollow:文件将被检索,但页面上的链接不可以被查询;


(4)author作者信息


(5)generator 信息参数,规定用于生成文档的一个软件包(不用于手写页面)


(6)最新皇冠会员网址 copyright  网站最新皇冠会员网址的版权信息


(7)revisit-after  重访 通知搜索引擎多少天访问一次


(8)renderer 这是指定双核浏览器,默认以何种方式渲染页面

01.//默认webkit内核

02.//默认ie兼容模式

03.//默认ie标准模式


(9)viewport


    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中,也不会破坏没有针对手机浏览器优化的网页的布局,用户可以通过平移和缩放来看网页的不同部分。

常见属性有:

  width : 控制viewport的大小

height : 和width相对应,指定高度

nitial-scale : 初始缩放比例,页面第一次加载时的缩放比例

maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0

minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0

user-scalable : 用户是否可以手动缩放,值可以是:yes、 true允许用户缩放;no、false不允许用户缩放



  (10)在web app应用下状态条(屏幕顶部条)的颜色


(11)删除默认的苹果工具栏和菜单栏


(12)禁止把数字转化为拨号链接



3

http-equiv


  有http的文件头作用,它可以向浏览器传回一些信息,帮助正确地显示网页内容。


【参数的值包括】


(1)expires 期限  设置网页到期时间,一旦过期,必须重新上传


(2)pragma 禁止浏览器从本地计算机的缓存中访问页面


(3)refresh  自动刷新页面,并指向新的页面。 2是指停留2秒,url为2秒后跳转地址

//(注意后面的引号,分别在秒数的前面和网址的后面)


(4)set-cookie  cookie的设置 当网页过期时 cookie删除


(5)window-target 显示窗口的设定??强制页面在当前窗口以独立页面显示


(6)x-ua-compatible edge 模式告诉 ie 以最高级模式渲染文档,也就是任何 ie 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 ie 就用什么版本的标准模式渲染


the end

好啦,本次分享就到这里啦

关于html隐藏知识点,八妹还会继续更新,敬请关注喔~


相关推荐

网站地图