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;
如需显示小于号,我们必须这样写:< 或 <
提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
不间断空格(non-breaking space)
HTML 中的常用字符实体是不间断空格( )。
浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。
HTML 实例示例
用 HTML 实体符号做实验:亲自试一试
HTML 中有用的字符实体
注释:实体名称对大小写敏感!
显示结果 |
描述 |
实体名称 |
实体编号 |
|
空格 |
|
  |
< |
小于号 |
< |
< |
> |
大于号 |
> |
> |
& |
和号 |
& |
& |
" |
引号 |
" |
" |
' |
撇号 |
' (IE不支持) |
' |
¢ |
分 |
¢ |
¢ |
£ |
镑 |
£ |
£ |
¥ |
日圆 |
¥ |
¥ |
€ |
欧元 |
€ |
€ |
§ |
小节 |
§ |
§ |
© |
版权 |
© |
© |
® |
注册商标 |
® |
® |
™ |
商标 |
™ |
™ |
× |
乘号 |
× |
× |
÷ |
除号 |
÷ |
÷ |
相关推荐
### HTML中的各个标签详解 ...以上是关于HTML中各种标签的基本介绍及其格式、用途和一些注意事项。这些标签在构建网页时扮演着重要的角色,合理地使用它们可以帮助开发者创建出更加规范、易于理解的网页内容。
掌握`$_SERVER`中的各种参数及其含义对于理解和调试Web应用至关重要。 #### 常用参数详解 1. **`PHP_SELF`** - **描述**:当前正在执行脚本的文件名,与文档根目录(`DOCUMENT_ROOT`)相关。 - **示例**:假设...
选项D正确描述了参数含义。 9. **读取localStorage数据**:通过`localStorage.getItem("键名")`可以读取localStorage中存储的数据。选项B是正确方法。 10. **图片路径**:在`<img>`标记中,`src`属性定义图片文件...
在HTML文档中,各种元素和标签被用来组织和格式化内容。下面将详细介绍文档中提到的部分HTML标签及其用途: ##### 1. `HTMLElementsReferencea` 这似乎是一个错误的标签名称,可能是指HTML元素参考列表。 ##### 2...
XHTML的设计目的是提高网页的结构清晰度和可读性,使得网页更容易被各种设备和浏览器解析。 #### 四、HTML与XHTML的不同 1. **语法严格性**:XHTML要求所有的标签都必须闭合,即每个`<tag>`都必须有一个对应的`...
57. `<param>`: 为`<object>`元素定义参数。 58. `<pre>`: 定义预格式化的文本。 59. `<q>`: 定义短的引用。 60. `<rp>`: 定义Ruby注释的括号。 61. `<rt>`: 定义Ruby文本的解释。 62. `<ruby>`: 定义Ruby注释...
`<param>` 标签用于定义 `<object>` 或 `<embed>` 元素的参数。它可以用来传递配置信息给嵌入的对象。 ### <pre>: Preformatted Text `<pre>` 标签用于定义预格式化文本。它保留了文本原有的空格和换行,适用于...
9. 音频文件:在Dreamweaver软件中,可以设置音频文件的参数,例如LOOP参数的含义是指如果对应的值为“true”,则可以实现循环播放音乐的效果。 10. 超链接:可以通过设置目标选项来控制超链接的打开方式,例如可以...
在网页设计中,表格的头部固定效果是一种常见的需求,它能确保用户在滚动查看长表格内容时,表头始终保持可见,方便用户理解每一列数据的含义。本文将介绍两种实现表格头部固定的方法:通过CSS样式和通过jQuery插件...
- **`<param>`**: 为 `<object>` 元素定义参数。 #### 六、格式化标签 - **`<acronym>`**: 已废弃,定义首字母缩略词。 - **`<abbr>`**: 定义缩写或首字母缩略词。 - **`<address>`**: 定义文档作者或拥有者的联系...
- **property**: 属性,虽然这个词在 HTML 中没有特定的含义,但在描述元素属性时会被提及。 - **background**: 背景,CSS 中可以使用 `background-color`、`background-image` 等属性来定义背景。 - **class**: 类...
下面将详细介绍$_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树结构,便于遍历和查找特定元素。这...
参数含义: - `$to`:收件人的邮箱地址。 - `$subject`:邮件主题。 - `$message`:邮件正文。 - `$additional_headers`:可选,包含额外的邮件头部信息,如发件人、抄送、密送等。 - `$additional_parameters`:可...
1. **引入layui资源**:在HTML头部引入layui的CSS和JS文件,确保表格和其他组件能正常工作。 ```html <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.js"></script> ``` 2. **设置表格结构**...
以上内容概述了JSP编程中涉及到的关键概念和技术点,包括HTTP协议的特点、状态管理的不同方式、URL参数的使用、HTML表单的设计以及表单属性的具体含义。通过对这些知识点的学习,可以帮助开发者更好地理解和应用JSP...