<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. nginx 判断移动端或者PC端 进入不同域名

    自己最近用node.js + react 做了个网站.在PC端上的访问是这样的: 手机访问居然是这样的: 这样用户体验很不好. 所以做了一个移动端的版本. 需求: 需要判断用户是否手机还是电脑 访问网 ...

  2. POST调用WCF方法-项目实践

    做即时通信项目时,需要与OA系统对接接口,主要目标是实现在OA里进行一项事项,通过调用我们的接口,即时通知过来,并弹出消息框提示一下.我们的即时通信使用的WCF服务进行通信,在客户端调用通信时,用的就 ...

  3. 15、TypeScript-函数

    1.参数和返回值可以指定类型 2.可选参数:在参数上加上?,表示可选的,可传可不传 3.默认参数:如果你不传参数,默认为20,如果你传参,就是你传的参数 4.剩余参数:会把传进来的实参变成一个数组,可 ...

  4. python之value和布尔值

    之前做判断的时候如果遇到空列表,空字符串,可以直接使用当做判断条件.比如: s = "" if s: print(s) 不是打印s的,也就在这里if的判断条件是False. 所以, ...

  5. mybatis的配置与使用

    mybatis的配置与使用 一.全局配置文件配置 properties标签 Properties标签可以用来加载配置文件.例如,我们可以将数据库的连接信息放入到一个配置文件(db.properties ...

  6. Treap标准模板

    这是Treap的模板程序,支持Left/Right Rotate,Find the maxnum/minnum,Find the predecessor/successor of a node,Add ...

  7. MySQL— pymysql模块（防止sql注入），可视化软件Navicat

    一.Pymysql import pymysql #python2.X 中是 mysqldb 和 pythonmysql 用法是一模一样的 #pymysql可以伪装成上面这两个模块 user = in ...

  8. JS-1

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 关于Ubuntu使用笔记

    Ubuntu vm tools 安装 sudo apt install open-vm-tools-desktop 在安装程序时Ubuntu会将安装目录锁定,安装结束后会解除锁定,中断安装后无法再安装 ...

  10. 【算法】单源最短路——Dijkstra

    对于固定起点的最短路算法,我们称之为单源最短路算法.单源最短路算法很多,最常见的就是dijkstra算法. dijkstra主要用的是一种贪心的思想,就是说如果i...s...t...j是最短路,那么 ...