HTML头部文档

<head>标签

<head>标签定义HTML文档的头部内容,一般都不是我们网页的可视化内容,而是我们网页的一些基本设置,比如网页的标题,网页的浏览器标题和关键词,或引用外部资源js,css,等等,要注意<head>和<header>是不一样的,<head>标签定义HTML头部文档,<header>标签定义文档的页眉

<!--简单示例-->
<!DOCTYPE html>
<html>
<head>
<meta charet="utf-8>
<title>网页标题</title>
</head>
<body>
<header>
<h1>网页标题</h1>
<p>这是一个段落</p>
</header>
<div>网页的主体内容</div>
</body>
</html>

<script>标签

用于加载脚本资源,比如javascript

<title>标签

  • 定义浏览器工具栏标题
  • 定义搜索引擎收录内容页面的标题
  • 定义浏览器收藏夹的标题
<!--title标签示例-->
<head>
<meta charset="utf-8"/>
<title>小洪的个人网站-小洪博客-生命不息,折腾不止!</title>
</head>

<base>标签

<base>标签定义了基本的链接地址,定义的链接将作为HTML文档中链接标签的默认链接

<!--base标签示例-->
<head>
<base href="https://www.honglog.com/images/">

<link>标签

<link>用于HTML文档连接外部资源,通常用于连接css样式表

引用css样式
<!--link标签引用css样式-->
<head>
<link rel="stylesheet" type="text/css" href="https://www.honglog.com/css/1.css"/>
设置浏览器图标
<!--link标签设置浏览器图标-->
<head>
<link rel="shortcut icon" href="图片url">
<title>这是一个带图标的浏览器标题</title>

<style>标签定义了HTML文档的css样式

<style>标签

<!--style样式示例-->
<head>
<style type="text/css">
p{
color:yellow;
font-family:"宋体";
}
</style>
</head>

<meta>标签

  • 定义一些基本的元数据
  • 不显示在网页中,但是会被浏览器解析
  • 通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据
  • 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务
定义关键词
<meta name="keywords" content="小洪博客,个人网站, 建站记录, wordpress优化, 网站搭建">
定义描述内容
<meta name="description" content="分享建站技巧,发布建站记录,生命不息,折腾不止!">
定义网页作者
<meta name="author" content="xiaohong">
每10秒钟刷新当前页面
<meta http-equiv="refresh" content="10">
定义文档字符编码
<meta charset="utf-8">
版权声明:
作者:HONG
链接:https://www.honglog.com/193.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录