“HTML head 标签”的版本间差异
本页内容
(创建页面,内容为“<nowiki><head></nowiki> 元素是所有头部元素的容器。 <nowiki><head></nowiki> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。 下面我们看看head标签内的元素。 == HTML <nowiki><title></nowiki> 元素 == 该<nowiki><title></nowiki>元素定义文档的标题。标题必须是纯文本的,并且显示在浏览器的标题栏或页面的选项卡中。 HTML 文档中…”) |
|||
第44行: | 第44行: | ||
<html> | <html> | ||
<head> | <head> | ||
<title> | <title>页面标题</title> | ||
<style> | <style> | ||
body {background-color: powderblue;} | body {background-color: powderblue;} | ||
第65行: | 第65行: | ||
</run> | </run> | ||
== HTML <nowiki><link></nowiki> 元素 == | |||
<nowiki><link></nowiki>元素定义了当前文档和外部资源之间的关系。 | |||
<nowiki><link></nowiki> 标签最常用于链接到外部样式表: | |||
<sample title="" desc="" run="link"> | |||
<link rel="stylesheet" href="/third/demo/mystyle.css"> | |||
</sample> | |||
<run name="link"> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<title>页面标题</title> | |||
<link rel="stylesheet" href="/third/demo/mystyle.css"> | |||
</head> | |||
<body> | |||
<h1>这是一个标题</h1> | |||
<p> 这是段落</p> | |||
</body> | |||
</html> | |||
</run> |
2022年8月6日 (六) 20:21的版本
<head> 元素是所有头部元素的容器。
<head> 元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。
下面我们看看head标签内的元素。
HTML <title> 元素
该<title>元素定义文档的标题。标题必须是纯文本的,并且显示在浏览器的标题栏或页面的选项卡中。
HTML 文档中需要该<title>元素!
页面标题的内容对于搜索引擎优化 (SEO) 非常重要!搜索引擎算法将页面的标题作为了结果排序相关性的主要影响因素。
- 在浏览器工具栏中定义标题
- 为页面添加到收藏夹时提供标题
- 在搜索引擎结果中显示页面的标题
示例
<!DOCTYPE html>
<html>
<head>
<title>有意义的页面标题</title>
</head>
<body>
文档的内容。。。。。。
</body>
</html>
HTML <style> 元素
<style>元素用于定义当前 HTML 页面的样式信息:
示例
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
HTML <link> 元素
<link>元素定义了当前文档和外部资源之间的关系。
<link> 标签最常用于链接到外部样式表:
示例
<link rel="stylesheet" href="/third/demo/mystyle.css">