html5的头部标记有:1、“”;2、“”;3、“”;4、“”;5、“”;6、“”;7、“”;8、“”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
1、标签
标签是所有头部标签的容器,这些头部标签用来定义有关 HTML 文档的元数据(描述数据的数据)以及所需资源的引用(例如 CSS 样式文件、JavaScript 脚本文件),对文档能够在浏览器中正确显示起到了非常重要的作用。根据我们的需求,可以在 HTML 头部定义大量的元数据,也可以定义很少或者根本就不定义。虽然头部标签是 HTML 文档的一部分,但其中的内容并不会显示在浏览器中。<head> .... </head>
2、
立即学习“前端免费学习笔记(深入)”;
注意,在
在浏览器标题栏或者任务栏中显示标题;
当将页面添加到收藏夹(书签)时提供标题;
在搜索结果中显示页面标题。
下面的示例演示了如何在 HTML 文档中使用
<head> <meta charset="utf-8"> <title>php中文网-教程_手册_视频-免费php在线学习平台</title> </head>
3、
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title><base>标签演示</title> <base href="https://www.php.cn/"> </head> <body> <ul> <li><a href="course.html">视频教程</a></li> <li><a href="course/type/3.html">入门教程</a></li> </ul> </body> </html>
上面的示例中第一个
注意,HTML 文档中的
4、 标签
标签经常用于引用外部 CSS 样式表, 标签中包含两个主要的属性,分别是 rel 和 href。rel 属性用来指示引用文件的类型,href 属性用来设置外部文件的路径。示例代码如下:
<head> <title>此处书写标题</title> <link rel="stylesheet" href="common.css"> </head>
HTML
标签中可以包含任意数量的 标签。5、
使用
<head> <title>此处书写标题</title> <style> body { background-color: YellowGreen; } h1 { color: red; } p { color: green; } </style> </head>
注意:对于文档中的唯一样式可以使用
6、 标签
标签用于提供有关 HTML 文档的元数据,例如页面有效期、页面作者、关键字列表、页面描述等信息。 标签定义的数据并不会显示在页面上,但却会被浏览器解析。
1) 定义字符集
<meta charset="UTF-8">
charset 属性用来指定 HTML 文档的字符编码,上面的示例中,我们将文档的字符编码设置为了“UTF-8”。
2) 定义页面描述
<meta name="description" content="php中文网提供大量免费、原创、高清的php视频教程,并定期举行公益php培训!可边学习边在线修改示例代码,查看执行效果!php从入门到精通,一站式php自学平台!">
定义页面的描述信息有利于搜索引擎的搜索。
标签定义文档标题,name="description" 定义文档描述,描述的长度通常大于标题。
3) 定义关键字
<meta name="keywords" content="php教程,php入门教程,php视频教程,php源码下载,php手册">
关键字用于为搜索引擎提供与页面有关的信息。
4) 定义页面作者
<meta name="author" content="PHP中文网">
通过某些内容管理系统可以自动提取作者信息。
5) 刷新页面
<meta http-equiv="refresh" content="30">
上例中的代码用于向浏览器发送一个指令,使浏览器在经过指定的时间间隔(30 秒)后自动刷新页面。在 content 属性中除了可以指定时间间隔外,还可以再指定一个链接,这时页面将在指定的时间后重定向到链接所指向的页面,如下例所示:
<meta http-equiv="refresh" content="10; url=https://www.php.cn/">
7、<script> 标签</script>
<script> 标签用于定义 JavaScript 脚本,示例代码如下:</script>
<head> <title>PHP中文网</title> <script> document.write("PHP中文网") </script> </head>
8、
当用户的浏览器不支持 JavaScript 脚本或者禁用 JavaScript 脚本时,可以在
以上就是html5的头部标记有哪些的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号