美文网首页
head中的常用标签

head中的常用标签

作者: zj_zxj | 来源:发表于2016-12-04 22:48 被阅读0次

head标签的定义及用法

<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

head中的常用标签

  1. title标签:定义文档的标题,它是 head 部分中唯一必需的元素。

  2. meta标签:提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对只能存在于 head 部分,可出现任何次数。。meta标签属性如下:
    <ul>
    <li>content属性:必须属性。提供了名称/值对中的值。该值可以是任何有效的字符串。始终要和 name 属性或 http-equiv 属性一起使用。
    </li>
    <li>name属性:可选属性。name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。name的值可以为:author,description,keywords(为文档定义了一组关键字,可用于搜索引擎优化),generator,revised,others。示例如下:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

</li>
<li>http-equiv 属性:可选属性。http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。示例如下:

//服务器向浏览器发送带有如下信息的文档
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就会包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

http-equiv 属性的值为:content-type,expires,refresh,set-cookie。示例如下:

//文档类型为html
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
//在网址已经变更的情况下,将用户重定向到另外一个地址
<meta http-equiv="Refresh" content="5;url=http://www.baidu.com" />

</li>
</ul>

3.link标签:<link> 标签定义文档与外部资源的关系。<link> 标签最常见的用途是链接样式表。只能存在于 head 部分,可出现任何次数。

link标签.png

4.script标签:<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。

5.style标签:<style> 标签用于为 HTML 文档定义样式信息。
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。

6.base标签:<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

相关文章

  • head中的常用标签

    head标签的定义及用法 标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪...

  • 第五模块 前端开发(1) HTML

    1. html入门 2. head标签相关内容 3. 常用标签 常用标签一 常用标签- table 常用标签-表单...

  • 常用的head 标签

    <1、简体中文 2、繁体中文 3、优先使用ie最新版本和chrome 4、定义网页搜索引擎引方式 follow ...

  • Html常用标签

    1.html文档声明 2.html的整体框架 3.头部标签常用标签 标签主要用来加载CS...

  • PWA常用head标签

    meta标签设置 这句是要做隐藏状态栏和工具栏,当添加到主屏是会看到明显差异;但在Safari中没差别imagei...

  • HTML常用meta大全

    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标...

  • web前端入门到实战:HTML常用meta大全

    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标...

  • html: head内常用标签

    head内常用标签 meta标签 Meta标签介绍: 元素可提供有关页面的原信息(mata-information...

  • HTML

    一、head标签 1.head标签中的内容:title、meta、base、link、style、script 二...

  • 从0到1制作WordPress主题#5在head标签中添加功能

    在head标签中添加功能 接下来我们在 head 标签中输入一个名为 wp_head()的函数。 这会将头标记所需...

网友评论

      本文标题:head中的常用标签

      本文链接:https://www.haomeiwen.com/subject/pexkmttx.html