当前位置: 移动技术网 > IT编程>网页制作>CSS > 简单了解html中meta标签

简单了解html中meta标签

2019年01月13日  | 移动技术网IT编程  | 我要评论

    简单了解 html中 meta 标签

    简单了解html中meta标签

    现在很多的编辑器都提供了一键生成html骨架的功能,对于一键生成的骨架都不大注意他的意思。
    下面我简单整理了header里面的meta标签表示的几个意思。

    
    
    // charset 单词意思为字符编码集。表示字符编码集是utf-8
    
    // viewport 单词意思为视口,视窗。 device 设备的意思。initial-scale 初始化比例的意思。 整个meta标签的意思也很明显了,就是视口宽和视口宽的比例。此处比例为1,即布局完成后屏幕显示也不进行缩放。
    
    //x-ua-compatible 意思是兼容模式,此处指定以ie=edge即ie最高版本渲染当前页面、
    
    

    meat标签主要有两大属性:

    属性1:name 主要用于描述网页,对网页的描述分为以下几种。 keywords (关键词):告诉搜索引擎,网页主要的关键字。关键字适宜即可。
    例如: description (网页描述):告诉搜索引擎网站的主要内容。
    例如: viewport (移动端的视窗) :提供有关视口大小的提示,常用于设计移动端网页。
    例子如上面代码片里面的那样。

    **属性2:http-equiv属性 ,**主要参数如下几种。

    content-tyoe (网页内容类型,也就是设置网页字符集) ,便于浏览器解析与渲染页面。
    例如:

    x-ua-compatible(浏览器采取何种版本渲染当前页面)用于告知浏览器以何种版本来渲染页面。(一般都设置为最新模式,在各大框架中这个设置也很常见。)
    例如

    //指定ie和chrome使用最新版本渲染当前页面。

    refrech 以指定间隔时间重新载入当前页面。也可指定跳转页面。
    例如:

    //10秒后在当前页跳转到百度
    `

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网