HTML Meta标签的使用_HTML Meta怎么写_文件基本标签_HTML基本结构
2014-08-10 14:53:41  By: dwtedx

在HTML里大致包括头部信息、基底信息、元信息等

在html的头元素中是以结束的,一般情况下,里有titile标题、css样式、javascript脚本、meta描述等

title大家应该很清楚了、就是对网页标题的描述,现在从meta开始说

我们在做seo的时候,经常会提到关键字,好有利于网站被搜索引擎给抓到

会被提高网站的搜索率。那我们需要怎么做呢?

答:用meta标签。

Meta:

1、

<meta name="keywords" content="关键字">
这里的name属性为keyname(不能修改,meta的name的值是固定的那几个),keyname就是设置网页关键字的值

content就是定义了是哪几个关键字。不同关键字需要用逗号隔开


2、
Meta除了设置关键字,还可以设置页面的描述,也有利于网站被搜索引擎的抓取

可以用他来描述网站的主体什么的

<meta name="description" content="页面描述">
这里description的意思就是设置页面描述的元素,然后在content里具体描述


3、
在我们用软件来写网站的时候,软件一般都会在头里添加一个meta标签。细心的人一定会发现。

<meta name="generator" content="编译器名称">

4、
Meta设置作者信息,你在网上发布代码的时候,总想让别人知道这段代码是你写的

那总不能在网站里写<h1>by:Black-Hole</h1>不知道装逼会被打么,所以最好的方法就是在meta里说明下

低调奢华有内涵,还高大上

<meta name="author" content="作者名">

5、
Meta还可以限制搜索引擎来对页面的搜索,比如后台,我不想被搜索引擎给搜索到,这是就可以用meta来设定了
<meta name="robots" content="搜索方式">
<meta name="robots" content="搜索方式">
Robots就是来设定搜索方式,content就是来详细描述搜索方式

这时的content不能随便写,他又固定的几个值:

All: 能搜索到当前网页及其连接的网页

Index: 只能搜索到当前页面

Nofollow:不能搜索当前网页连接的网页

Noindex: 不能搜索当前页面

None:不能搜索当前页面及其连接的网页

我直接在后台页面加个<meta name="robots" content="noindex">麻麻再也不用担心

我被搜索到了,当然,你也可以用robots.txt来指定


6、
用meta来设置当前来页面的文字,这里有两个方法。

<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<meta http-equiv="Content-language" content="zh_CN">
http-equiv用来设置http通信时的标头,content则是具体这些标头内容。

下面是实例代码,这个是我博客的写法、贴出来供大家参考

<html lang="zh-cn" data-lang="zh-cn" data-template="default"> <!--<![endif]-->
<head>
	<title>技术分享、分享我的技术-dwtedx个人博客</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="技术文章,it技术学习网站,it技术分享,it技能有哪些" />
	<meta name="description" content="dwtedx个人博客,不仅仅是个人博客、加入我的博客、
	你的专属个人地盘、深度为程序员量身订作、一个可讨论技术,可分享技术,
	把自己掌握的技术与业内其它哥们分享也是一种美、可留言互动的平台、期待你的加入、、、" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta name="author" content="dwtedx,qinyoulong">
	<meta content="index,follow" name="robots" />
	<meta content="Copyright 2012-2014. dwtedx . All Rights Reserved." name="copyright" />
	<link rev="made" href="mailto:dwtedx@126.com">
</head>
<body>
	这个是你网站的正文
</body>
</html>

希望对大家帮助、另外在上面的6点里面还有一些没有讲的、比如我网站使用的 Copyright 代表的是版本

那么这些标签些都是根据自己的需要添加的

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+