meta标签

Meta标签介绍：

  • <meta>元素可提供有关页面的元信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
  • <meta>标签位于文档的头部，不包含任何内容。
  • <meta>提供的信息是用户不可见的。

meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能

常用的meta标签：

  1. http-equiv属性

相当于http的文件头作用,它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

<!--重定向 2秒后跳转到对应的网址，注意分号-->

<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">

<!--指定文档的内容类型和编码类型 -->

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

<!--告诉IE浏览器以最高级模式渲染当前网页-->

<meta http-equiv="x-ua-compatible" content="IE=edge">
默认3秒刷新一次页面

<meta http-equiv="Refresh" Content="3">

两种指定HTML的编码类型都可以

这种是简写
 <meta charset="UTF-8">

另外一种指定编码类型写法

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> == <meta charset="UTF-8">
两种指定编码类型写法
<!DOCTYPE html>

<html lang="en">

<head>

    <!-- 这种是简写-->

    <meta charset="UTF-8"> 

    <!-- 这种另外一种编码写法 -->

    <meta http-equiv="content-type" content="text/html;charset=utf-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

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

    <title>Title</title>

</head>

<body>

</body>

</html>
2.name属性

主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到。

<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />

只要设置Description页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做SEO（search engine optimization，搜索引擎优化）。

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


上面这个标签，是让我们网页支持移动端，移动设备优先




 
												


											
前端 HTML 常用标签 head标签相关内容 meta标签的更多相关文章
	

    
								
  1. 前端 HTML 常用标签 head标签相关内容 title标签 网页的标题信息
		
    title标签 <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中. 可以把它看成是一个网页 ...
    
		
    2. 
						
  2. 前端 HTML 常用标签 head标签相关内容 style标签 定义内部样式表
		
    styple标签 <!-- 定义内部样式表 --> <style type="text/css"></style>
    
		
    3. 
						
  3. 前端 HTML 常用标签 head标签相关内容 script标签
		
    script标签 定义JavaScript代码 <!--定义JavaScript代码--> <script type="text/javascript">  ...
    
		
    4. 
						
  4. 前端 HTML 常用标签 head标签相关内容 link标签
		
    link标签 引入CSS样式文件 href="./index.css" CSS文件的路径 <!-- 引入CSS样式文件 --> <link rel="s ...
    
		
    5. 
						
  5. 【Web前端HTML5&CSS3】03-字符实体与语义标签
		
    笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版 目录 字符实体与语义标签 1. 字符实体 2. meta标签 3. 语义标签 4. 块元素与行内元素 块元素(bloc ...
    
		
    6. 
						
  6. 移动前端不得不了解的HTML5 head 头标签 —— Meta 标签
		
    Meta 标签 meta标签是HTML中head头部的一个辅助性标签,它位于HTML文档头部的 <head> 和 <title> 标记之间,它提供用户不可见的信息.虽然这部分信 ...
    
		
    7. 
						
  7. html标签，格式控制标签，内容容器标签，超链接标签，图片标签，表格
		
    打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...
    
		
    8. 
						
  8. 移动前端工作的那些事---前端制作篇之meta标签篇
		
    移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移 ...
    
		
    9. 
						
  9. 前端制作篇之meta标签篇
		
    移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [Artoolkit] Android Sample of nftSimple
			
    结合:[Artoolkit] ARToolKit's SDK Structure on Android 重难点:aRBaseLib/, nftSimple/, libcpufeatures.a aRB ...
    
			
    2. 
						
  2. MapReduce处理HBase出错：XXX.jar is not a valid DFS filename
			
    原因:Hadoop文件系统没有检查路径时没有区分是本地windows系统还是Hadoop集群文件系统 解决:  只需将Map和Reduce的init方法最后一个参数(boolean addDepend ...
    
			
    3. 
						
  3. Linux驱动技术(六) _内核中断
			
    在硬件上,中断源可以通过中断控制器向CPU提交中断,进而引发中断处理程序的执行,不过这种硬件中断体系每一种CPU都不一样,而Linux作为操作系统,需要同时支持这些中断体系,如此一来,Linux中就提 ...
    
			
    4. 
						
  4. 【mysql】MySQL以逗号隔开的字符串查询方式整理
			
    1 单个值查询使用函数进行处理,FIND_IN_SET()实用 SELECT * FROM `by_info` WHERE FIND_IN_SET(',type_id); 2 多个值模糊查询,使用正则 ...
    
			
    5. 
						
  5. MySQL 出现You can't specify target table for update in FROM clause错误解决方法
			
    MySQL出现You can’t specify target table for update in FROM clause 这个错误的意思是不能在同一个sql语句中,先select同一个表的某些值 ...
    
			
    6. 
						
  6. 【BZOJ5210】最大连通子块和 树剖线段树+动态DP
			
    [BZOJ5210]最大连通子块和 Description 给出一棵n个点.以1为根的有根树,点有点权.要求支持如下两种操作: M x y:将点x的点权改为y: Q x:求以x为根的子树的最大连通子块 ...
    
			
    7. 
						
  7. Spring学习笔记--代理
			
    静态代理 1.静态代理的角色分析(UML画图推荐使用StarUML软件) 抽象角色---一般使用接口或者抽象类来实现. 真实角色---被代理的角色. 代理角色---代理真实角色—代理真是角色后一般会做 ...
    
			
    8. 
						
  8. 宝塔使用FTP的问题
			
    我们在使用宝塔FTP面板的时候,会用到FTP工具,但是开的账号在使用 FTP或WinSCP的时候会出现问题,连接不上. 具体解决方式: 参考文档: https://blog.csdn.net/hc11 ...
    
			
    9. 
						
  9. print 与标准输出
			
    print会自动添加换行符 其它的,没什么区别.有时候为了使用灵活,才会这么用. 例如你想把print的内容写向一下log文件,你可以这么做 stdout_bk = sys.stdout #备份一下标 ...
    
			
    10. 
						
  10. [No0000176]Git常用命令速查表（收藏大全）
			
    名词 master: 默认开发分支 origin: 默认远程版本库 Index / Stage:暂存区 Workspace:工作区 Repository:仓库区(或本地仓库) Remote:远程仓库  ...
    
			
    11.