当前位置: 首页 > 编程日记 > 正文

HEAD元素使用集锦

作者:火焰鸟 文章来源:大众网络报

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″ -->

相关文章:

10 个 Python 工程师,9 个不合格!

毋庸置疑&#xff0c;Python越来越被认可为程序员新时代的风口语言。无论是刚入门的程序员&#xff0c;还是年薪百万的 BATJ 的大牛都无可否认&#xff1a;Python的应用能力是成为一名码农大神的必要项。 所以&#xff0c;很多程序员把Python当做第一语言来学习。 但对于Python…

使用谷歌jquery库文件的理由

使用谷歌jquery库文件的理由 最近看到&#xff0c;那些引用jquery的文件那些网站&#xff0c;好多是使用谷歌的库&#xff1b;像这样的<script type”text/javascript”src”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js“></script>(最近发展…

apache性能测试工具ab使用详解

网站性能压力测试是服务器网站性能调优过程中必不可缺少的一环。只有让服务器处在高压情况下&#xff0c;才能真正体现出软件、硬件等各种设置不当所暴露出的问题。性能测试工具目前最常见的有以下几种&#xff1a;ab、http_load、webbench、siege。今天我们专门来介绍ab。ab是…

HTML-加速、再加速

作者&#xff1a;听风 文章来源&#xff1a;eNet技术学院web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度&#xff1f;答案是&#xff1a;不一定&#xff01;实际上&#xff0c;有许多关于HTML与DHTML方面的技巧&#xff0c;它们原理简单而且上手容易。无…

ECCV 2020 | 对损失信息进行建模,实现信号处理高保真还原

编者按&#xff1a;信号在我们的日常生活中随处可见&#xff0c;例如&#xff1a;声音、图像、视频等。然而在信号的传输或存储过程中&#xff0c;往往会面临信号失真、质量变差等问题。今天这篇文章就来探讨一下信号处理中的信息丢失问题&#xff0c;其中包括微软亚洲研究院机…

斯坦佛编程教程-Unix编程工具(四)

emacs 下面将会简单的介绍一个叫做emacs的文本编辑器&#xff0c;它是由GNU组织提供的自由软件。它是一个非常优秀的编译器&#xff0c;并且&#xff0c;它能很好地和其他UNIX工具整合在一起。很多编辑器都有着非常多的理由来说明他们多优秀&#xff0c;但是这里我们就不讨论这…

addTwoNumbers

大神的代码好短&#xff0c;自己写的120多行_ 各种判断 ListNode *f(ListNode *l1, ListNode *l2) {ListNode *p1 l1;ListNode *p2 l2;ListNode *res new ListNode(0);ListNode *p3 res;int sum 0;while (p1 ! NULL || p2 ! NULL) { //这里用“或”sum / 10; //进位if (p1…

长江存储推消费级固态硬盘,Xtacking技术加持

9月10日&#xff0c;一直专注于to B的长江存储推出致钛系列两款消费级固态硬盘(SSD)新品&#xff0c;分别为PCIe接口PC005 Active和SATA接口SC001 Active&#xff0c;兼具强劲的性能和可靠的品质&#xff0c;并由Xtacking技术加持。目前两款产品现已登陆京东预售&#xff0c;两…

停电后,JavaScript定时器居然变慢了~

小停了会电。除了有点热&#xff0c;对于用笔记本的我们来说毫无损失。 不过&#xff0c;一件诡异的事却在这短短几分钟里遇到了&#xff1a;用 IE 测试 JavaScript 代码的时候&#xff0c;发现setInterval的频率变成了60帧/秒。 这在老版本的IE上面是再正常不过了。不过对于与…

HTML4.0标准语法--字体

◇ 标题字体(Header) <h#> ... </h#> #1, 2, 3, 4, 5, 6 <h1>今天天气真好&#xff01;</h1> 今天天气真好&#xff01; <h2>今天天气真好&#xff01;</h2> 今天天气真好&#xff01; <h3>今天天气真好&#xff01;</h3>…

Tomcat 7.x热部署

由于在开发阶段&#xff0c;需要频繁的修改源代码&#xff0c;如果每次修改完代码都去重启服务器来检测效果&#xff0c;那简直麻烦到你想死&#xff0c;又耽误时间&#xff0c;所以&#xff0c;在网上找了许久&#xff0c;终于找到了解决办法&#xff0c; 特来分享 我也试了修…

机器学习中,梯度下降算法的问题引入

来源 | 动画讲编程今天讲解的内容是梯度下降算法。梯度下降算法在机器学习中的应用十分广泛&#xff0c;该算法的最主要目的是通过迭代的方法找到目标函数的最小值&#xff0c;经常用来解决线性回归和逻辑回归等相关问题。本节课主要讲解梯度下降算法解决一元线性回归问题&…

HTML4.0标准语法--文字布局

◇行的控制 段(Paragraph) (可以看作是空行) <p> 你好吗&#xff1f;<p>很好。 你好吗&#xff1f; 很好。 换行 <br> 你好吗&#xff1f;<br>很好。 你好吗&#xff1f;很好。 不换行<nobr> <nobr> 请改变您浏览器窗口的宽度&#x…

poj(2325)线段树

这里介绍另外一种解法&#xff0c;此题可以用线段树&#xff0c;可以用树状数组 其实这题求的都是下面的和左面的&#xff0c;线段树这种数组结构刚好可以满足&#xff0c;为什么呢&#xff1f;这里稍微解释下吧&#xff0c;也有助于以后的复习 看上面这个图&#xff0c;[1,1]&…

2017-1-7 html元素分类(1)

html元素分类结构性元素 section 在web页面应用中&#xff0c;该元素也可以用于区域的章节描述 header 页面主体的头部 footer 页面的底部 nav 专门用于菜单的导航、链接导航的元素 article 用于表示一篇文章的主体内用块级元素 aside 泳衣表达注记、贴士、侧栏、摘要的引用等作…

MyEclipse使用技巧小总结

1、 自动提示&#xff1a;窗口->首选项->Java->编辑器->内容辅助->自动激活&#xff0c;在下面的“Java的自动激活触发器里面填上“.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789”。 2、 加快自动提示的时间&#xff1a;窗口->首选项…

开放源码,华为鸿蒙HarmonyOS 2.0来了

作者 | Just出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09;去年8月&#xff0c;鸿蒙HarmonyOS一经发布&#xff0c;在开发者群体中引发强烈反响。有人赞赏华为的战略和技术&#xff0c;但也有不少人质疑那只是个PPT操作系统&#xff0c;凡此种种&#xff0c;热议不断…

纯CSS实现对白框

如果一个盒子的长宽都为零&#xff0c;那么它的四条border就会碰到一起&#xff0c;变成实心的&#xff0c;而且每一条border都是一个三角形&#xff1b;我们就可以利用三角形来实现对白框的尖下巴。 通过把border上左设置为有颜色&#xff0c;下右设置为透明&#xff0c;在#de…

HTML4.0标准语法--表格

表格的色彩 表元的背景色彩和背景图象<th bgcolor#> <th background"URL"> #rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称&#xff1a;Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yello…

能力差的程序员90%输在这点上!CTO:其实都是瞎努力!

在大数据浪潮当中&#xff0c;数据分析是这个时代的不二“掘金技能”。我们每一个人&#xff0c;每天无时无刻都在生产数据&#xff0c;一分钟内&#xff0c;微博上新发的数据量超过10万&#xff0c;b站的视频播放量超过600万......这些庞大的数字&#xff0c;意味着什么&#…

zendframwork入口关键Zend_Application.php类

为什么80%的码农都做不了架构师&#xff1f;>>> 推荐阅读&#xff1a;http://www.cnblogs.com/rexy/archive/2010/05/13/1734406.html 里面有详细的类图关系&#xff0c;UML图。。。 转载于:https://my.oschina.net/wufa/blog/71634

2017伊始-随笔

微信小程序发布 今天&#xff0c;2017年1月9日&#xff0c;微信的小程序发布了。我打开了美团外卖小程序&#xff0c;然后把美团外卖app卸载了&#xff1b;我打开了摩拜单车小程序&#xff0c;然后把摩拜单车app卸载了。有人问&#xff0c;这种小程序与网页版的桌面图标有什么区…

广告条随滚动条的移动而移动

文章来源&#xff1a;蓝色理想<html><head><title>跟随滚动条的图片</title><meta http-equiv"Content-Type" content"text/html; charsetgb2312"><STYLE mediascreen typetext/css>#floater { POSITION: abs…

使用wget在linux服务器上下载oracle软件

今天需要在远程几台服务器上安装oracle软件&#xff0c;本地的网络不是很好&#xff0c;如果同本地下载&#xff0c;然后再上传到服务器上比较耗时。所以就想直接在服务器上直接下载软件&#xff0c;这样不光速度比较快&#xff0c;而且还节省了很多时间。 我是这样做的。 首先…

揭秘华为AI一站式开发平台,3步构建一个AI模型 | 华为昇腾师资培训沙龙西安场...

2018 年&#xff0c;在第三届 HUAWEI CONNECT&#xff08;华为全联接大会&#xff09;上&#xff0c;华为首次公布了 AI 战略与全栈全场景 AI 解决方案&#xff0c;其中包含全球首个覆盖全场景人工智能的华为昇腾&#xff08;Ascend&#xff09;系列处理器以及基于华为昇腾全栈…

PYTHON黑帽编程1.5 使用WIRESHARK练习网络协议分析

Python黑帽编程1.5 使用Wireshark练习网络协议分析 1.5.0.1 本系列教程说明 本系列教程&#xff0c;采用的大纲母本为《Understanding Network Hacks Attack and Defense with Python》一书&#xff0c;为了解决很多同学对英文书的恐惧&#xff0c;解决看书之后实战过程中遇…

20种看asp源码的方法及工具

作者&#xff1a;欧杨飘雪 http://blog.csdn.net/flyingsnowy/众所周知windows平台漏洞百出&#xff0c;补丁一个接一个&#xff0c;但总是补也补不净。我把我所知道的20种看asp源码的方法总结了一下&#xff0c;并且用c#写了个应用程序来扫描这些漏洞&#xff0c;发现虽然大…

关注度越来越高的行人重识别,有哪些热点?

来源 | HyperAI超神经责编 | Carol封图 | CSDN付费下载自视觉中国在茫茫人海中&#xff0c;你能不能一眼就找到想找的那个人&#xff1f;如今&#xff0c;这个任务对于计算机来说&#xff0c;可能是小菜一碟了。而这得益于近年行人重识别技术的飞速发展。行人重识别&#xff0…

《QTP自动化测试进阶》(1)

学习《QTP自动化测试进阶》第一章。 采用不同的项目开发模型对自动化测试有不同的影响。 &#xff08;1&#xff09;瀑布模型&#xff1a;瀑布模型在需求定义方面做得很好&#xff0c;这对自动化测试是有益的&#xff0c;包括可以尽早选择合适的自动化测试策略&#xff0c;让自…

JNDI概述(转载)

JNDI是 Java 命名与目录接口&#xff08;Java Naming and Directory Interface&#xff09;&#xff0c;在J2EE规范中是重要的规范之一&#xff0c;不少专家认为&#xff0c;没有透彻理解JNDI的意义和作用&#xff0c;就没有真正掌握J2EE特别是EJB的知识。那么&#xff0c;JNDI…