HTML的头部元素
HTML的头部元素
一、head元素#
<head>元素包含了所有头部标签元素。在<head>元素中可以插入脚本（scripts）、样式文件（CSS），以及各种meta信息。
添加在头部元素中的标签有：<title>、<style>、<meta>、<link>、<script>、<noscript>、<base>
二、base元素#
<base>标签描述了基本的链接地址，且此标签最为HTML文档中所有链接标签的默认链接
<head>
<base href="https://www.baidu.com/" target="_blank">
</head>
以上默认跳转链接为百度网址
三、link元素#
<link>标签定义了文档与外部资源之间的关系
<head>
<link rel="stylesheet" type="text/css" href="css/mystyle.css">
</head>
四、style元素#
<style>标签定义了HTML文档的样式文件的引用地址
在<style>元素中可以直接加入样式来渲染HTML文档
<head>
<style type="text/css">
body {background-color:gray}
p {color:green}
</style>
</head>
身体背景色：灰色
段落文本色：绿色
五、meta元素#
- 为搜索引擎（例如：谷歌、百度等）提供关键词
<meta name="keywords" content="HTML,CSS,JavaScript">
- 为网页定义描述内容
<meta name="description" content="web前端">
- 定义网页作者
<meta name="author" content="CJ">
- 设定每30秒刷新当前网页
<meta http-equiv="refresh" content="30">
六、script元素#
<script>标签用于加载脚本文件，例如：JavaScript
作者：caojun97
出处：https://www.cnblogs.com/caojun97/p/16683656.html
版权：本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~