`
747017186
  • 浏览: 334333 次
社区版块
存档分类
最新评论

html 头部的各种参数的含义

    博客分类:
  • html
 
阅读更多

HTML <head> 元素

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

以下标签都可以添加到 head 部分:<title><base><link><meta><script> 以及 <style>

HTML <title> 元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML 文档中都是必需的。

title 元素能够:

·         定义浏览器工具栏中的标题

·         提供页面被添加到收藏夹时显示的标题

·         显示在搜索引擎结果中的页面标题

一个简化的 HTML 文档:

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

 

<body>

The content of the document......

</body>

 

</html>

HTML <base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标(target):

<head>

<base href="http://www.w3school.com.cn/images/" />

<base target="_blank" />

</head>

HTML <link> 元素

<link> 标签定义文档与外部资源之间的关系。

<link> 标签最常用于连接样式表:

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>

HTML <style> 元素

<style> 标签用于为 HTML 文档定义样式信息。

您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:

<head>

<style type="text/css">

body {background-color:yellow}

p {color:blue}

</style>

</head>

HTML <meta> 元素

元数据(metadata)是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

针对搜索引擎的关键词

一些搜索引擎会利用 meta 元素的 name content 属性来索引您的页面。

下面的 meta 元素定义页面的描述:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

下面的 meta 元素定义页面的关键词:

<meta name="keywords" content="HTML, CSS, XML" />

name content 属性的作用是描述页面的内容。

HTML <script> 元素

<script> 标签用于定义客户端脚本,比如 JavaScript

我们会在稍后的章节讲解 script 元素。

 

 

 

HTML script 元素

<script> 标签用于定义客户端脚本,比如 JavaScript

script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

必需的 type 属性规定脚本的 MIME 类型。

JavaScript 最常用于图片操作、表单验证以及内容动态更新。

下面的脚本会向浏览器输出“Hello World!”

<script type="text/javascript">

document.write("Hello World!")

</script>

提示:如果需要学习更多有关在 HTML 中编写脚本的知识,请访问我们的JavaScript 教程

<noscript> 标签

<noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时,才会显示 noscript 元素中的内容:

<script type="text/javascript">

document.write("Hello World!")

</script>

<noscript>Your browser does not support JavaScript!</noscript>

如何应付老式的浏览器

如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

实例

JavaScript:

<script type="text/javascript">

<!--

document.write("Hello World!")

//-->

</script>

VBScript:

<script type="text/vbscript">

<!--

document.write("Hello World!")

'-->

</script>

-------­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­--------­­­­­­­­­­­­­­­­­­—————————————————————————————————------

 

HTML 中的预留字符必须被替换为字符实体。

HTML 实体

HTML 中,某些字符是预留的。

HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

字符实体类似这样:

&entity_name;

 

或者

 

&#entity_number;

如需显示小于号,我们必须这样写:&lt; &#60;

提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

不间断空格(non-breaking space

HTML 中的常用字符实体是不间断空格(&nbsp;)

浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 &nbsp; 字符实体。

HTML 实例示例

HTML 实体符号做实验:亲自试一试

HTML 中有用的字符实体

注释:实体名称对大小写敏感!

显示结果

描述

实体名称

实体编号

 

空格

&nbsp;

&#160;

小于号

&lt;

&#60;

大于号

&gt;

&#62;

&

和号

&amp;

&#38;

"

引号

&quot;

&#34;

'

撇号 

&apos; (IE不支持)

&#39;

&cent;

&#162;

£

&pound;

&#163;

¥

日圆

&yen;

&#165;

欧元

&euro;

&#8364;

§

小节

&sect;

&#167;

©

版权

&copy;

&#169;

®

注册商标

&reg;

&#174;

商标

&trade;

&#8482;

×

乘号

&times;

&#215;

÷

除号

&divide;

&#247;

分享到:
评论

相关推荐

    html中的各个标签的格式,用法,含义

    ### HTML中的各个标签详解 ...以上是关于HTML中各种标签的基本介绍及其格式、用途和一些注意事项。这些标签在构建网页时扮演着重要的角色,合理地使用它们可以帮助开发者创建出更加规范、易于理解的网页内容。

    PHP中$_SERVER的详细参数与说明

    掌握`$_SERVER`中的各种参数及其含义对于理解和调试Web应用至关重要。 #### 常用参数详解 1. **`PHP_SELF`** - **描述**:当前正在执行脚本的文件名,与文档根目录(`DOCUMENT_ROOT`)相关。 - **示例**:假设...

    HTML5期末考精彩试题型.docx

    选项D正确描述了参数含义。 9. **读取localStorage数据**:通过`localStorage.getItem("键名")`可以读取localStorage中存储的数据。选项B是正确方法。 10. **图片路径**:在`&lt;img&gt;`标记中,`src`属性定义图片文件...

    HTML语法html.txt

    在HTML文档中,各种元素和标签被用来组织和格式化内容。下面将详细介绍文档中提到的部分HTML标签及其用途: ##### 1. `HTMLElementsReferencea` 这似乎是一个错误的标签名称,可能是指HTML元素参考列表。 ##### 2...

    高质量网页设计之HTML_XHTML教程

    XHTML的设计目的是提高网页的结构清晰度和可读性,使得网页更容易被各种设备和浏览器解析。 #### 四、HTML与XHTML的不同 1. **语法严格性**:XHTML要求所有的标签都必须闭合,即每个`&lt;tag&gt;`都必须有一个对应的`...

    html_5中文手册(参考学习)

    57. `&lt;param&gt;`: 为`&lt;object&gt;`元素定义参数。 58. `&lt;pre&gt;`: 定义预格式化的文本。 59. `&lt;q&gt;`: 定义短的引用。 60. `&lt;rp&gt;`: 定义Ruby注释的括号。 61. `&lt;rt&gt;`: 定义Ruby文本的解释。 62. `&lt;ruby&gt;`: 定义Ruby注释...

    HTML标签英文单词

    `&lt;param&gt;` 标签用于定义 `&lt;object&gt;` 或 `&lt;embed&gt;` 元素的参数。它可以用来传递配置信息给嵌入的对象。 ### &lt;pre&gt;: Preformatted Text `&lt;pre&gt;` 标签用于定义预格式化文本。它保留了文本原有的空格和换行,适用于...

    Dreamweaver网页设计作业(2).doc

    9. 音频文件:在Dreamweaver软件中,可以设置音频文件的参数,例如LOOP参数的含义是指如果对应的值为“true”,则可以实现循环播放音乐的效果。 10. 超链接:可以通过设置目标选项来控制超链接的打开方式,例如可以...

    表格的头部固定效果通过css及jquery分别实现

    在网页设计中,表格的头部固定效果是一种常见的需求,它能确保用户在滚动查看长表格内容时,表头始终保持可见,方便用户理解每一列数据的含义。本文将介绍两种实现表格头部固定的方法:通过CSS样式和通过jQuery插件...

    html速查表

    - **`&lt;param&gt;`**: 为 `&lt;object&gt;` 元素定义参数。 #### 六、格式化标签 - **`&lt;acronym&gt;`**: 已废弃,定义首字母缩略词。 - **`&lt;abbr&gt;`**: 定义缩写或首字母缩略词。 - **`&lt;address&gt;`**: 定义文档作者或拥有者的联系...

    html前端必须掌握的单词

    - **property**: 属性,虽然这个词在 HTML 中没有特定的含义,但在描述元素属性时会被提及。 - **background**: 背景,CSS 中可以使用 `background-color`、`background-image` 等属性来定义背景。 - **class**: 类...

    PHP中$_SERVER的详细参数与说明介绍

    下面将详细介绍$_SERVER数组中的各个参数及其含义。 1. $_SERVER['PHP_SELF']:当前正在执行脚本的文件名,与documentroot相关。在当前请求的文件中,可以使用$_SERVER['PHP_SELF']来获取该文件的名称。这个值对于...

    前端工程师面试题库

    4. 缓存机制:强缓存和协商缓存,以及Cache-Control、ETag、Last-Modified等头部字段。 5. HTTPS:安全超文本传输协议,了解SSL/TLS加密过程。 最后,RFC(Request for Comments)规范是互联网标准的制定文档,面试...

    网页解析文档

    这通常通过libcurl或其他网络库实现,设置好URL、HTTP方法(GET、POST等)、头部信息等参数。 3. **HTML解析**:接收到网页源码后,使用解析库如libxml2或pugixml将其转化为DOM树结构,便于遍历和查找特定元素。这...

    php 邮件发送代码

    参数含义: - `$to`:收件人的邮箱地址。 - `$subject`:邮件主题。 - `$message`:邮件正文。 - `$additional_headers`:可选,包含额外的邮件头部信息,如发件人、抄送、密送等。 - `$additional_parameters`:可...

    layui table表头自带问号图标显示字段提示

    1. **引入layui资源**:在HTML头部引入layui的CSS和JS文件,确保表格和其他组件能正常工作。 ```html &lt;script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.js"&gt;&lt;/script&gt; ``` 2. **设置表格结构**...

    WEB程序设计-JSP(第4章 JSP内置对象).pdf

    以上内容概述了JSP编程中涉及到的关键概念和技术点,包括HTTP协议的特点、状态管理的不同方式、URL参数的使用、HTML表单的设计以及表单属性的具体含义。通过对这些知识点的学习,可以帮助开发者更好地理解和应用JSP...

Global site tag (gtag.js) - Google Analytics