DIV教程之网页meta标签的奇妙

只看该作者 · 发表于 2015-1-16 00:20:22

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

你可以轻松地控制页面的布局。
META标签，是HTML言语head区的一个帮助性标签。在几近一切的page里，我们都能够看到相似上面这段html代码：
-----------------------------------------------
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
</head>
-----------------------------------------------
这就是meta标签的典范使用。meta标签有几参数，有甚么感化，为何我们要出格器重它呢？让我们一同来开掘meta标签的奇妙!
依据HTML言语尺度正文：meta标签是对网站开展十分主要的标签，它能够用于判别作者，设定页面格局，标注内容提纲和关头字，和革新页面等等。
meta标签分两年夜部分：HTTP-EQUIV和NAME变量。
●HTTP-EQUIV相似于HTTP的头部协定，它回应给扫瞄器一些有效的信息，以匡助准确和准确地显现网页内容。经常使用的HTTP-EQUIV范例有：
1.expires(刻日)
申明：能够用于设定网页的到期工夫。一旦网页过时，必需到服务器上从头调阅。
用法：<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">
注重：必需利用GMT的工夫格局。
2.Pragma(cach形式)
申明：克制扫瞄器从当地机的缓存中调阅页面内容。
用法：<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">
注重：如许设定，会见者将没法脱机扫瞄。
3.Refresh(革新)
申明：必要准时让网页主动链接到别的网页的话，就用这句了。
用法：<METAHTTP-EQUIV="Refresh"CONTENT="5;URL=http://www.yahoo.com">
注重：个中的5是指停止5秒钟后主动革新到URL网址。
4.Set-Cookie(cookie设定)
申明：假如网页过时，那末存盘的cookie将被删除。
用法：<METAHTTP-EQUIV="Set-Cookie"CONTENT="cookievalue=xxx;
expires=Wednesday,21-Oct-9816:14:21GMT;path=/">
注重：必需利用GMT的工夫格局。
5.Window-target(显现窗口的设定)
申明：强迫页面在以后窗口以自力页面显现。
用法：<METAHTTP-EQUIV="Window-target"CONTENT="_top">
注重：用来避免他人在框架里挪用你的页面。
6.Content-Type(显现字符集的设定)
申明：设定页面利用的字符集。(我们在后面字体计划中已先容过它的感化)
用法：<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
●meat标签的NAME变量语法格局是：
<METANAME="xxx"CONTENT="xxxxxxxxxxxxxxxxxx">
个中xxx次要有上面几种参数：
1.Keywords(关头字)
申明：keywords用来告知搜刮引擎你网页的关头字是甚么。
举例：<METANAME="keywords"CONTENT="life,universe,mankind,plants,
relationships,themeaningoflife,science">
2.description(简介)
申明：description用来告知搜刮引擎你的网站次要内容。
举例：<METANAME="description"CONTENT="Thispageisaboutthemeaningof
life,theuniverse,mankindandplants.">
3.robots(呆板人导游)
申明：robots用来告知搜刮呆板人哪些页面必要索引，哪些页面不必要索引。
CONTENT的参数有all,none,index,noindex,follow,nofollow。默许是all。
举例：<METANAME="robots"CONTENT="none">
4.author(作者)
申明：标注网页的作者
举例：<METAname="AUTHOR"content="ajie,ajie@netease.com">
以上是meta标签的一些基础用法，个中最主要的就是:Keywords和description的设定。
为何呢？事理很复杂，这两个语句可让搜刮引擎能正确的发明你，吸引更多的人会见你的站点!依据如今盛行搜刮引擎(Lycos，AltaVista等)的事情道理,搜刮引擎起首派出呆板人主动在www上搜刮，当发明新的网站时，便检索页面中的keywords和decription，并将其到场到本人的数据库，然后再依据关头词的密度将网站排序。
也就是说：
1.假如你的页面中基本没有Keywords和description的meta标签，那末呆板人是没法将你的站点到场数据库，网友也就不成能搜刮到你的站点。
2.假如你的关头字选的欠好，关头字的密度不高，被分列在几十乃至几百万个站点的前面被点击的大概性也长短常小的。
以是,我们必需记着增加keywords和description的meta标签，并尽量写好关头字和简介。
写keywords的忌讳是：
1.不要用罕见辞汇。比方www,homepage,net,web等。
2.不要用描述词，副词。比方最好的，最年夜的等。
3.不要用笼统的辞汇，要只管准确。比方不必"摩托罗拉手机",改用"V998"等
寻觅符合的关头词的一个技能是：到lycos,Alta,infoseek等搜刮引擎，搜刮与你内容相仿的网站，检察排名前十位的网站的meta关头字，copy上去用到本人的站点上。
这里，我们举一段微软多媒体网站的关头字供你参考：
<metaname="keywords"content="joke,music,MP3,media,audio,
jokeoftheday,downloads,freemusic,horoscope,radio,video,
musicdownloads,movies,radiostation,mediaplayer,free,
download,weather,horoscopes,windowsmediatechnologies,
online,radiostationguide,freedownload">
别的为了进步搜刮点击率，这里另有一些"邪门歪道"：
1.为了增添关头词的密度，将关头字埋没在页面里(将笔墨色彩界说成与背景色彩一样)。
2.在图像的alt正文语句中到场关头字。
如：<IMGSRC="xxx.gif"Alt="keywords">
3.使用HTML的正文语句，在页面代码里到场大批关头字。
用法：</p>
强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。

只看该作者 · 发表于 2015-1-18 06:08:47

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-1-22 05:37:32

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-1-30 23:03:50

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

只看该作者 · 发表于 2015-2-6 16:53:49

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-2-17 14:56:32

以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。

只看该作者 · 发表于 2015-3-5 20:41:07

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

只看该作者 · 发表于 2015-3-12 14:54:57

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-3-19 23:24:50

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之网页meta标签的奇妙

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子