<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. 个人信息——头像更换（拍照或相册上传）~ 微信小程序

    微信小程序中 在用户信息中关于用户头像更换(拍照或相册上传)功能实现. 图像点击触发事件: <image src='{{personImage}}' bindtap='changeAvatar' ...

  2. docker 容器的mysql主从复制

    一. 1.首先拉取docker镜像,我们这里使用5.7版本的mysql:   docker pull mysql:5.7 2.分别启动主从两个容器: docker run -p 3339:3306 - ...

  3. leetcode 103

    此题难度在于如何标记每一层的末尾节点. 思路1:队列层次遍历,遇到偶数层末尾反转一下数组 class Solution { public: vector<vector<int>> ...

  4. mysql插件的初始化

  5. windows搭建redis集群最佳实践

    一.redis的下载安装: (1)下载Redis-x64-3.2.100地址:https://github.com/MicrosoftArchive/redis/releases (2)安装后文件如下 ...

  6. 笨办法39字典dict

    一开始没看明白,直接把句子缩短了,输出结果看字典的用法 stuff = {'name': 'Zed', 'age': 39, 'height': 6 * 12 + 2} stuff['city'] = ...

  7. SSM--spring框架

    他是SpringFramework创始人,interface21 CEO Spring 的作者:Rod Johnson 一  :Spring的核心IOC和AOP(本处详解IOC) IOC:控制反转:( ...

  8. 庄博园的Mp4

  9. method.invoke()s

    在框架中经常会会用到method.invoke()方法,用来执行某个的对象的目标方法.以前写代码用到反射时,总是获取先获取Method,然后传入对应的Class实例对象执行方法.然而前段时间研究inv ...

  10. elasticsearch5.0以上版本及head插件的安装

    本文转载至:https://www.cnblogs.com/hts-technology/p/8477258.html(针对5.0以上版本) 对于es5.0以下的版本可以参考:https://www. ...