您的位置：首页 > Web前端 > HTML

Html学习之html的文件基本标记（1）

2015-12-30 13:55 513 查看

学习了html基本的结构，现在小编进入了html文件基本标记的学习！
　　html的头部标记

　　常用的标记有：

　　（1）<base>:当前基址

　　（2）<basefont>:设定基准的文字字体、字号和颜色

　　（3）<isindex>:表明该文档是一个可用于检索的网关脚本，由服务器自动建立

　　（4）<meta>：有关文档本身的元信息

　　（5）<style>:设定css层叠样式表的内容

　　（6）<link>设定外部文件的链接

　　（7）<script>设定页面中程序脚本的内容

以下开始一一介绍这些常用的标签

1.元信息标记

meta是一个单元素！不需要设置结束标记，它的属性有两种：name和http-equiv,name是用于描述网页，以便于搜索引擎查找和分类

1.1 设置页面关键字

ex:<meta name="keyname" content="具体的关键字">

以上这句代码的意思是网页的关键字属性名称是keyname，content是关键字的内容

1.2 设置页面描述

ex:<meta name="description" content="对页面的具体描述语言"

以上这句的意思是页面的描述，也就是页面具体的内容

1.3 设置编辑工具

ex:<meta name="generator" content="编译软件的名称">

1.4 设定作者信息

ex:<meta name="author" content="作者的姓名">

1.5 限制搜索方式

ex:<meta name="robots" content="搜索方式">

1.6 设置网页文字及语言

ex1:<meta http-equiv="Content-Type" content="text/html;charset=字符集类型">

ex2:<meta http-equiv="Content-Language" content="语言">

1.7 设置网页的定时跳转

ex: <meta http-equiv="refresh" content="跳转时间";url="链接地址">

ps：时间是以秒为单位的

1.8 设定有效期限

ex: <meta http-equiv="expires" content=“Wed, 14 septemeber 2011 16:20:20 GMT”>

1.9 禁止从缓存中调用

ex: <meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content=" no-cache ">

2.0 删除过期的cookie

ex: <meta http-equiv="set-cookie" content="到期时间">

2.1 强制打开新窗口

ex: <meta http-equiv="windows-target" content="_top">

2.2 设置网页的过渡效果

ex: <meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)">

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4
5 <meta name="description" content="关于html使用" />
6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
7 <meta name="generator" content="Adobe Dw"/>
8 <meta name="keywords" content="http"/>
9 <meta name="author" content="Mr li"/>
10 <!-- 表示能搜索当前网页-->
11 <meta name="robots" content="index"/>
12 <title>我的meta</title>
13 <meta http-equiv="content-type"content="text/html";charset="utf-8"/>
14 <!--定时跳转-->
15 <meta http-equiv="refresh" content="2;url=http://www.baidu.com">
16 </head>
17
18 <body>
19 <div id="first">
20 将要跳转
21 </div>
22 </body>
23 </html>

这是小编自己写的一个小例子！各位大神可检验下！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航