HTML文档由两部分组成:Head(主题部分,一般来说是不可见的)和Body(正文部分,在浏览器中是可见的)。
随着FrontPage及Dreamweaver(简称DW)等可视化的网页编辑器的流行,不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是,这些主页制作工具都不能自己生成一个好的主题部分,这就需要我们来了解一下其中的元素了。
一、Head元素
Meta 它记录当前页面的信息,例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等。它的两种基本用法是:告诉浏览器网页所识别的文件类型及语言类型;让搜索引擎按关键字搜索到你的网页。
Attribute 指定Meta标签是否包含Name (页面描述信息)或HTTP Equiv (HTTP标题信息)。“Value”指定所提供信息的类型。有些值是已经定义好的,在DW中有专门的属性检查器。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其它任意值,如:creationdate(创建日期) 、document ID(文档编号)和level(等级)等。
Content。如果指定level(等级)为Value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
Title页面标题,显示在浏览器的标题栏上。
Keywords 许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容,并使用该信息在其数据库中建立对该页面的索引。有些搜索引擎在建立索引时对关键字或字符有数量上的限制。有些则在关键字超出限定范围时忽略所有关键字。因此为网页精选关键字是很有必要的。在标志为Keywords的域中使用逗号来分隔关键字。
Description 与Keywords具有相似的功能。只是用描述性的语句代替了关键字。部分搜索引擎在建立索引时对字符数有一定的限制,因此应尽量言简意赅。
Refresh使用Refresh元素可以指定在某一时间段后自动对页面进行刷新。
Action指定是否要转到其它URL或刷新当前页面。要转到其它URL,可单击Brower按钮选择要载入的页面。
Delay在刷新页面之前以秒为单位的等待时间,要立即刷新页面,可以在此域中输入0。
Base使用Base元素可设置基本URL。
Href指定基本URL,可直接键入路径或选择。
Target指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一,默认为_self。 Link使用Link元素可定义当前文档和其它文件(如CSS文件)之间的关系。
ID指定某链接的唯一标识符。
Title说明链接的关系。此属性对链接样式表非常合适。
Rel指定当前文档和Href域中文档之间的关系。其可能的值包括:Alternate(备选)、Stylesheet(样式表)、Start(启动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、Copyright(版权)、Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书签)等。要指定多个关系,请使用空格将值分开。
二、实例说明
<title> HEAD元素使用集锦</title>
<!--网页标题 -->
<meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
<!--网页内容类型,TXT或HTML格式,编码方式为GB2312 -->
<meta name=″keywords″ content=″HEAD元素″>
<!-- 关键字信息 -->
<meta name=″description″ content=″本网页用于说明HEAD元素的使用方式″>
<!-- 对网站的进一步描述-->
<meta http-equiv=″refresh″ content=″5;URL=index.htm″>
<!--网页在5秒后自动刷新,链接地址为index.htm页 -->
<base href=″″ target=″_blank″>
<!--基本链接设定,目标为弹出新页面。此项可用于Frame页中指定链接显示的Frame,例如:target=″main″>
<link rel=″stylesheet″ href=″homepage.css″>
<!--调入样式表,链接样式表文件″homepage.css″ -->
HEAD元素使用集锦
时间: 2024-12-08 19:54:58
HEAD元素使用集锦的相关文章
百度作弊集锦:Javascript之过
前段时间宁波seo每日一贴浅解了一些关于"刷"类型的百度作弊方式(撰文<百度作弊集锦之"刷"出来的天地>).今日也分享一点利用js脚本实现百度作弊的方式.上世纪90年代出现的Javascript大大丰富了网页的动态功能和元素.但是黑帽SEO也利用搜索引擎对于js识别不够完善这一弊端,进行大量的运用JS作弊.今天顾军也来示例两个时下较为流行的js作弊. JS作弊一:挂羊头卖狗肉 挂羊头卖狗肉作弊方式已经存在很久了多诸多作弊者为此乐此不疲(如图1所示).其基
PHP经典面试题集锦
这篇文章主要介绍了PHP经典面试题集锦,搜集整理了常见的php面试题与相关的参考答案,供大家参考借鉴,需要的朋友可以参考下 本文较为详细的分析了PHP经典面试题.分享给大家供大家参考.具体如下: 做了一下网络上的php题目,不知不觉做到现在.....把答案贴出来,供参考之用. 1.用PHP打印出前一天的时间格式是2006-5-10 22:21:21(2分) ? 1 2 $a = date("Y-m-d H:i:s", strtotime("-1 day")
PHP经典算法集锦【经典收藏】_php技巧
本文实例总结了PHP经典算法.分享给大家供大家参考,具体如下: 1.首先来画个菱形玩玩,很多人学C时在书上都画过,咱们用PHP画下,画了一半. 思路:多少行for一次,然后在里面空格和星号for一次. <?php for($i=0;$i<=3;$i++){ echo str_repeat(" ",3-$i); echo str_repeat("*",$i*2+1); echo '<br/>'; } 2.冒泡排序,C里基础算法,从小到大对一组数
程序员级别鉴定书(.NET面试问答集锦)
原文:程序员级别鉴定书(.NET面试问答集锦) 作为一个.NET程序员,应该知道的不仅仅是拖拽一个控件到设计时窗口中.就像一个赛车手,一定要了解他的爱车 – 能做什么不能做什么. 本文参考Scott Hanselman给出的.NET问题列表,整理如下.包括WinForms,ASP.NET,XML以及C#和.NET基础相关的问题,有兴趣的自我检测一下吧- 参考答案另附在文章末尾,由于水平有限,难免有谬误,欢迎指正. 所有号称会写代码的人 进程和线程之间的区别? 什么是Windows服务,它的生
AngularJS 面试题集锦_AngularJS
ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是, ng-if 在后面表达式为 true 的时候才创建这个 dom 节点, ng-show 是初始时就创建了,用 display:block 和 display:none 来控制显示和不显示. 第二点区别是, ng-if 会(隐式地)产生新作用域, ng-switch . ng-include 等会动态创建一块界面的也是如此. 这样会导致,在 ng-if 中用基本变量绑定 ng-model ,并在外层 div 中把此 mode
Java 面试题基础知识集锦_java
经典的Java基础面试题集锦,欢迎收藏和分享. 问题:如果main方法被声明为private会怎样? 答案:能正常编译,但运行的时候会提示"main方法不是public的". 问题:Java里的传引用和传值的区别是什么? 答案:传引用是指传递的是地址而不是值本身,传值则是传递值的一份拷贝. 问题:如果要重写一个对象的equals方法,还要考虑什么? 答案:hashCode. 问题:Java的"一次编写,处处运行"是如何实现的? 答案:Java程序会被编译成字节码组成
php经典算法集锦_php技巧
本文实例讲述了php几个经典算法.分享给大家供大家参考,具体如下: 有5个人偷了一堆苹果,准备在第二天分赃.晚上,有一人遛出来,把所有菜果分成5份,但是多了一个,顺手把这个扔给树上的猴了,自己先拿1/5藏了.没想到其他四人也都是这么想的,都如第一个人一样分成5份把多的那一个扔给了猴,偷走了1/5.第二天,大家分赃,也是分成5份多一个扔给猴了.最后一人分了一份.问:共有多少苹果? for ($i = 1; ; $i++) { if ($i%5 == 1) { //第一个人取五分之一,还剩$t $t
PHP经典面试题集锦_php技巧
本文较为详细的分析了PHP经典面试题.分享给大家供大家参考.具体如下: 做了一下网络上的php题目,不知不觉做到现在.....把答案贴出来,供参考之用. 1.用PHP打印出前一天的时间格式是2006-5-10 22:21:21(2分) $a = date("Y-m-d H:i:s", strtotime("-1 day")); print_r($a); 2.echo(),print(),print_r()的区别(3分) echo 和print不是一个函数,是一个语言
jQuery 常用代码集锦(必看篇)_jquery
1. 选择或者不选页面上全部复选框 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); 2. 取得鼠标的X和Y坐标 $(document).mousemove(function(e){ $(document).ready(func