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

来源：互联网发布：嵌入式网络那些事编辑：程序博客网时间：2024/05/29 13:15

学习了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">

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>

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

0 0