<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. 强力推荐！那些你不能错过的 GitHub 插件和工具

    以代码托管平台起家的 GitHub 网站,已然成为全球程序员工作和生活中不可或缺的一份子.从优秀的企业,到优秀的程序员,都将自己最优秀的代码作品存放在这片开源净土里,供彼此学习交流.\\LS--201 ...

  2. AngularJs在ng-click函数中获取代表当前元素的DOM对象

    html代码 <div ng-click="test($event)">111</div> Controllers.js $scope.test= func ...

  3. [luogu P2521] [HAOI2011]防线修建

    [luogu P2521] [HAOI2011]防线修建 题目描述 近来A国和B国的矛盾激化,为了预防不测,A国准备修建一条长长的防线,当然修建防线的话,肯定要把需要保护的城市修在防线内部了.可是A国 ...

  4. 20175212童皓桢 Java实验二-面向对象程序设计实验报告

    20175212童皓桢 Java实验二-面向对象程序设计实验报告 实验内容 初步掌握单元测试和TDD 理解并掌握面向对象三要素:封装.继承.多态 初步掌握UML建模 熟悉S.O.L.I.D原则 了解设 ...

  5. 网络通信协议，TCP和UDP 的区别

    1.网络通信   互联网本质就是一系列的网络通信,互联网协议的功能是定义计算机如何介入internet,以及介入internet的计算机通信的标准.互联网协议按照功能不同分为osi7层或tcp/ip五 ...

  6. PCA算法数学原理及实现

    数学原理参考:https://blog.csdn.net/aiaiai010101/article/details/72744713 实现过程参考:https://www.cnblogs.com/ec ...

  7. baidu-map

    1 var map = new BMap.Map("wcp"); // 创建Map实例 2 map.centerAndZoom(new BMap.Point(9.123469591 ...

  8. Unity中Terrain中刷出的树木模糊解决办法

    Billboard Start  该项用于设定摄像机将树渲染为广告牌的距离.

  9. 一般处理程序、Ajax多图片上传带进度条

    <!DOCTYPE html><html><head>    <meta charset="utf-8" />    <tit ...

  10. django的ORM

    在项目根目录下运行 python manage.py shell 即可进入django的交互shell界面 查询 from my_app.models import MyTestModel datas ...