meta网页设计_在网页设计中代码<meta>是什么意思

1、网站META网页描述,是什么意思？

在网页的HTML源代码中一个重要的代码“<META>”（即通常所说的META标签）。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销来说是至关重要的一个因素，尤其是其中的 “description”（网页描述）和“Keywords”（关键词）两个属性更为重要【参见网络营销教学网站的专文介绍：description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容，但META标签的内容设计仍然是很重要的。从HTML代码实例中可以看到，一段代码中有3个含有meta的地方，并且meta并不是独立存在的，而是要在后面连接其他的属性，如description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。 META标签可分为两大部分：HTTP-EQUIV和NAME变量。 1、关于META标签中的HTTP-EQUIV HTML代码实例中有一项内容是 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果将“gb2312”替换为“big5”，就是我们熟知的中文繁体字符了。 HTTP-EQUIV用于向浏览器提供一些说明信息，从而可以根据这些说明做出相应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。 2、关于META标签中的"description" HTML代码实例中有关"description"中的代码为： <meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等"> "description"中的content="网页描述"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。 3、关于META标签中的"Keywords" 与META标签中的"description"类似，"Keywords"也是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介绍。这就意味着，要根据网页的主题和内容选择合适的关键词。在选择关键词时，除了要考虑与网页核心内容相关之外，还应该是用户易于通过搜索引擎检索的，过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计，要注意不要堆砌过多的关键词，罗列大量关键词对于搜索引擎检索没有太大的意义，对于一些热门的领域（也就是说同类网站数量较多），甚至可能起到副作用。看完你就明白了

2、网页设计Html5

左边的左浮动，右边的右浮动，没有问题的。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div0 {
    width: 800px;
}
#divL {
    width: 598px;
    height: 300px;
    float: left;
    background-color: #ddd;
}
#divR {
    width: 200px;
    height: 300px;
    background-color: #eee;
    float: right;
}
#l1 {
    height: 50px;
    background-color: #888;
}
#l2 {
    height: 100px;
    background-color: #aaa;
}
</style>
</head>
<body>
<div id='div0'>
  <div id='divL'>
    <div id='l1'>左浮动内容1</div>
    <div id='l2'>左浮动内容2</div>
  </div>
  <div id='divR'>右浮动内容</div>
</div>
</body>
</html>

显示结果：

3、网页中的“<meta></meta>”是什么意思呢？

是给搜索引擎用的，填写关键词！
比如：
<meta name="Author" content="艺天在线">
<meta name="keywords" content=" www.eskyol.net、艺天在线、平面、设计、网页、制作、产品、交易、软件、下载、论坛、聊天、技术文章">
<meta name="Contact" content="[email protected]">
<meta name="Copyright" content="www.eskyol.net">

4、网页制作<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

给页面设置编码标题的是给页面编码设置成utf-8 国际化的。

问题补充里的是给编码设版置成gb2312 属于中国化的。也可以设权置成gbk

关于网页编码还有很多种比如iio-8859-1等等的西欧编码。

一般中国的网站都是使用 utf-8和gb2312的。

5、在网页设计中代码<meta>是什么意思？？？？？？？

它是头部标签

主要是定义网页属性的

Meta的使用方法技巧：
Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签，下面由Seoer惜缘于大家讲讲meta标签含义与使用方法：
1、META标签的keywords
写法为：<meta name="Keywords" content="信息参数" />
meat标签的Keywords的的信息参数，代表说明网站的关键词是什么。
2、META标签的Description
<meta name="Description" content="信息参数" />
meta标签的Description的信息参数，代表说明网站的主要内容，概况是什么。
3、META标签的http-equiv=Content-Type content="text/html
http-equiv=Content-Type代表的是HTTP的头部协议，提示浏览器网页的信息，
<meta http-equiv="Content-Type" content="text/html; charset=信息参数" />
meta标签的Description的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的Description的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的Description的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的Description的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的Description的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的Description的信息参数如UTF-8时，代表世界通用的语言编码；
4、META标签的generator
<meta name="generator" content="信息参数" />
meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。
5、META标签的author
<meta name="author" content="信息参数">
meta标签的author的信息参数，代表说明网页版权作者信息。
6、META标签的http-equiv="Refresh"
<Meta http-equiv="Refresh" Content="时间; Url=网址参数">
meta标签的Refresh代表多少时间网页自动刷新，加上Url中的网址参数就代表，多长时间自动链接其他网址。
7、META标签的HTTP-EQUIV="Pragma" CONTENT="no-cache"
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定，访
问者将无法脱机浏览。
8、META标签的COPYRIGHT
<META NAME="COPYRIGHT" CONTENT="信息参数">
meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。
9、META标签的http-equiv="imagetoolbar"
<meta http-equiv="imagetoolbar" content="false" />
指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。
10、META标签的Content-Script-Type
<Meta http-equiv="Content-Script-Type" Content="text/javascript">
W3C网页规范，指明页面中脚本的类型。
11、META标签的revisit-after
<META name="revisit-after" CONTENT="7 days" >
revisit-after代表网站重访,7 days代表7天，依此类推。
12、META标签的Robots
<meta name="Robots" contect="信息参数">
Robots代表告诉搜索引擎机器人抓取哪些页面
其中的属性说明如下：
信息参数为all：文件将被检索，且页面上的链接可以被查询；
信息参数为none：文件将不被检索，且页面上的链接不可以被查询；
信息参数为index：文件将被检索；
信息参数为follow：页面上的链接可以被查询；
信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；
信息参数为nofollow：文件将不被检索，页面上的链接可以被查询。
13、META标签的<meta http-equiv="windows-Target" contect="_top">
代表页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用,设置有：_blank、_top、_self、_parent。
14、META标签的set-cookie
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
代表Cookie设定，如果网页过期，存盘的cookie将被删除,需要注意的也是必须使用GMT时间格式

6、网页制作中 meta 标记放在<body></body>中有效吗？

无效。meta标签是在网站发展非常重要，它可以用于鉴别作者，
设定页面格式，标注内容提要和关键字，以及刷新页面等等。
<body></body>内的内容用于页面显示。

7、网页设计head部分如何批量引用meta或设计公用

使用PHP中的include 'filename'进行引入，从而可以引用为通用文件

8、html中<meta name="Description">内容在哪里显示

之所以在网页中看不到有这些内容，是因为他们是用来引导搜索引擎进行收录的，而不进行显示页面内容
这两个标签具体作用如下：

<meta name="Description" Content="IT0730.cn,岳阳新闻,岳阳资讯,网上岳阳,岳阳信息,岳粑幕?>
上面这条标签代码的作用是：
"description"中的content="......"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

<meta name="Keywords" content="IT0730.cn,岳阳,湖南岳阳,十运会">
上面这条标签代码的作用是：
与META标签中的"description"类似，"Keywords"也是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介绍。这就意味着，要根据网页的主题和内容选择合适的关键词。在选择关键词时，除了要考虑与网页核心内容相关之外，还应该是用户易于通过搜索引擎检索的，过于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计，要注意不要堆砌过多的关键词，罗列大量关键词对于搜索引擎检索没有太大的意义，对于一些热门的领域（也就是说同类网站数量较多），甚至可能起到副作用。

9、网页设计中meta property是什么意思?

Meta Property=og

og是一种复新的HTTP头部标记，即制Open Graph Protocol：

The Open Graph Protocol enables any web page to become a rich object in a social graph.
即这种协议可以让网页成为一个“富媒体对象”。

用了Meta Property=og标签，就是你同意了网页内容可以被其他社会化网站引用等，目前这种协议被SNS网站如Fackbook、renren采用。

导航:首页 > 万维百科 > meta网页设计

meta网页设计

与meta网页设计相关的知识