<meta>标签放置在HTML页面的head中，主要用于标示网站。其中主要包含网站的一些描述信息，如简介，作者等。这些信息有助于搜索引擎更准确地识别网页的内容，也有助于第三方工具抓取网站基本信息。

<meta>元素有4个属性:

　　name:页面文档的元信息

　　HTTP-equiv:设置HTTP请求指令

　　content

　　charset:页面字符编码

按照属性设置分类，<meta>分为三类：

　　(1)name属性和content属性组合。构成名称/值对，用于描述网站信息。标准的<meta>名称包括：application-name、author、description、generator等，使用最广泛的是keyword和description。

　　　　<!-页面关键字->

　　　　<meta name="keyword",content="british,typeface,font,fonts"/>

　　（2）http-equiv属性和content属性结合，设置特定的HTTP指令，根据W3C指定的HTML5规范，指令型meta总共有5种，其中content-type，default-style和refresh已经确定，content-language和set-cookie还未正式确定。

　　　　<!--页面加载5分钟后刷新-->

　　　　<meta http-equiv="refresh" content="300"/>--不推荐使用<meta http-equiv="refresh" >，某些搜索引擎遇到此meta时会停止解析页面剩余部分。<meta http-equiv="default-style" >在实际场景中很少使用。

　　（3）charset属性，设置页面字符编码，此属性功能单一，提供了一种保存和传输文档的编码格式。

　　　　<!--声明文档格式为UFT-8格式-->

　　　　<meta charset="UFT-8">

　　　　<meta http-equiv="content-Type" content='Type=text/html;charset=uft-8'>

　　　　为了让浏览器能准确的识别编码格式，务必在<title>标签之前设置charset，保证标题能正确显示。

　　　　<head>

　　　　<meta charset="uft-8">

　　　　<title>My Home Page</title>

　　　　</head>

常用的meta类型：

1.设置IE浏览器的兼容模式：

　　<meta http-equiv="X-UA-Compatible" content="IE=8"/>根据规范，浏览器是按照页面的开头的文档类型来解析页面的，例如：使用HTML5的文档类型声明：<!DOCTYPE html>

　　<meta http-equiv="X-UA-Compatible" content="chrome=1"/>设置chrome=1时，则会在IE9及以下浏览器中激活chrome frame，强制IE使用chrome frame渲染页面。

2.设置页面在移动设备中的显示

　　<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>

3.设置IE浏览器的“固定网站”功能

　　<meta name="msapplication-task" content="name="新鲜事";action-uri=http://www.renren.com/home;icon-uri=http://a.xning.cn/n/res/icons/newsfeed.ico"/>

　　<meta name="msApplication-ID" content="APP"/>

　　<meta name="msApplication-PackageFamilyName" content="57722RenRenpreview.RenrenHD_fknrsfzcaljw"/>

　　

　　　　

　　

　　　　

WEB学习笔记9-添加必要的<meta>标签的更多相关文章

  1. [原创]java WEB学习笔记66：Struts2 学习之路--Struts的CRUD操作( 查看 / 删除/ 添加) 使用 paramsPrepareParamsStack 重构代码 ，PrepareInterceptor拦截器，paramsPrepareParamsStack 拦截器栈

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  2. [原创]java WEB学习笔记75：Struts2 学习之路-- 总结 和 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  3. Java Web学习笔记之---EL和JSTL

    Java Web学习笔记之---EL和JSTL (一)EL (1)EL作用 Expression  Language(表达式语言),目的是代替JSP页面中复杂的代码 (2)EL表达式 ${变量名} ( ...

  4. [原创]java WEB学习笔记95：Hibernate 目录

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  5. java web 学习笔记 编码问题总结

       java web 学习笔记 编码问题总结 1.非form表单中提交的中文参数---------------------------传递给Servlet服务器时,默认以iso-8859-1解码 ...

  6. Java Web 学习笔记 1

    Java Web 学习笔记 1 一.Web开发基础 1-1 Java Web 应用开发概述 1.1.1 C/S C/S(Client/Server)服务器通常采用高性能的PC机或工作站,并采用大型数据 ...

  7. R语言可视化学习笔记之添加p-value和显著性标记

    R语言可视化学习笔记之添加p-value和显著性标记 http://www.jianshu.com/p/b7274afff14f?from=timeline   上篇文章中提了一下如何通过ggpubr ...

  8. [原创]java WEB学习笔记11：HttpServlet（HttpServletRequest HttpServletRsponse） 以及关于 Servlet 小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  9. Java Web学习笔记之---JSP

    Java Web学习笔记之---JSP (一)JSP常用语法 (1)HTML注释 <!--所要注释的内容 --> 在客户端显示一个注释. (2)隐藏注释 <%--所要注释的内容--% ...

随机推荐

  1. 51nod-1627 瞬间移动（组合数+逆元）

    题目描述: 有一个无限大的矩形,初始时你在左上角(即第一行第一列),每次你都可以选择一个右下方格子,并瞬移过去(如从下图中的红色格子能直接瞬移到蓝色格子),求到第n行第m列的格子有几种方案,答案对10 ...

  2. 点击button会自动刷新页面

    如题 因为button标签按钮会提交表单. 解决方法如下: 1.将<button></button>改为<input type="button"> ...

  3. 10、Typescript-类的基本用法

    类就是构造函数的另一写法 以前构造函数的写法: 类的基本用法:

  4. vs2015网站发布时，设置页面合并后程序集的文件版本

    如何将web网站的页面合并成一个新的程序集发布,并设定文件版本? 这个问题我也纠结了很久,问了很多大牛,也没有找到解决方案 曾开了一贴,https://bbs.csdn.net/topics/3910 ...

  5. spark streamingcontext

    一个StreamingContext定义之后,必须做以下几件事情:1.通过创建输入DStream来创建输入数据源.2.通过对DStream定义transformation和output算子操作,来定义 ...

  6. git 删除与撤回

    Git 删除与撤回 标签: git 版本管理 删除文件 撤回删除操作 2017年01月13日 22:56:27786人阅读 评论(0) 收藏 举报  分类: Git(4)  版权声明:本文为博主原创文 ...

  7. 记初学python的一些心得

    人生苦短,我用python! 其实我自学python也很长一段时间了,但总是去更换学习资料,搞的现在学的不是很好,因为没更换次资料都要从头开始学起,那么分享下我的学习战况吧,不是很好,还将就的能看. ...

  8. Java互联网应用和企业级应用的区别

    企业级应用是为了满足企业日常运营所产生的IT应用,其目的是满足企业自己,对交付厂家而言,俗称2B业务:互联网应用则是面向个人用户,俗称2C业务.就个人经验,企业应用主要关注业务服务的能力,针对该企业的 ...

  9. hadoop streaming字段排序介绍

    我们在使用hadoop streaming的时候默认streaming的map和reduce的separator不指定的话,map和reduce会根据它们默认的分隔符来进行排序 map.reduce: ...

  10. MAC安装flutter开发环境

    #最近在学flutter开发,写一篇记录一下安装的过程 1.配置flutter镜像地址  vim ~/.bash_profile 命令行输入后回车,打开.bash_profile配置镜像地址 expo ...