微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 JavaScript 后端开发 数据库 移动端 运维开发 UI设计 计算机基础 XML Web Services
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > html教程 > 正文

HTML中头部标签的用法

一个新手
发布： 2017-10-23 10:20:56
原创
2738人浏览过

<header>

  head 元素包含了所有的头部标签元素,可以添加在头部区域的元素标签为：

  <title>、<style>、<meta>、<link>、<script>、<noscript>、<base>

 下面将一一解释各标签的作用

<title>

立即学习“前端免费学习笔记（深入）”；

  1. 用于定义不同文档的标题

  2. 定义浏览器工具栏的标题

  3. 当网页添加至收藏夹,显示在收藏夹中的标题

    慧中标AI标书
    慧中标AI标书

    慧中标AI标书是一款AI智能辅助写标书工具。

    慧中标AI标书120
    查看详情 慧中标AI标书

  4. 显示在搜索引擎结果页面的标题


  eg: <title> 我是标题 </title>
登录后复制

<base>

<span style="font-size: 15px;"><span style="font-family: 'Microsoft YaHei';">  标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接。</span><br/></span>
登录后复制


 eg: <base href="www.beck.ren/images/" target="_blank"></base>
登录后复制

<link>

  标签定义了文档与外部资源之间的关系,通常用于链接样式表。
登录后复制


  eg: <link type="text/css" href="../index.css">
登录后复制

<style>

  标签定义了HTML文档的样式文件引用地址.内容指定样式渲染HTML文档
登录后复制


eg: <style> *{ margin:0; padding: 0; } <style>   //css写法
登录后复制
<meta>
登录后复制

  1. meta 标签描述基本的元数据

  2. 浏览器会解析标签提供的元数据,但元数据不会显示在页面上

  3. meta 元素通常用于指定网页的 "描述"、"关键词"、"文件的最后修改时间"、"作者"、......

  4. 元数据可以告诉浏览器(如何显示内容或重新加载页面)及搜索引擎(关键词),及其他 web 服务


eg:
    //定义关键字
    <meta name="keywords content="HTML, CSS, XML, XHTML, JavaScript"">
    //定义描述内容
    <meta name="description" content="Free Web tutorials on HTML and CSS">
    //定义作者
    <meta name="author" content="Hege Refsnes">
    //定义每30秒刷新当前页面
    <meta http-equiv="refresh" content="30">
登录后复制

<script>

  标签定义了 HTML 文档的 JS 文件引用地址.
登录后复制


eg: <script src="loading.js"></script>
登录后复制

以上就是HTML中头部标签的用法的详细内容，更多请关注php中文网其它相关文章！

相关标签：
html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：Ionic构建侧边栏 轮播图 加载动画的方法 下一篇：关于BFC与高度塌陷的问题
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何编辑网页HTML中的注释_如何正确在HTML中添加与编辑注释 HTML注释用于添加说明或隐藏代码，提升可读性与协作效率。1、用结尾，中间写描述文字，如“导航栏开始”。2、编辑时直接修改注释内容，确保语义准确。3、删除过时注释需移除整个标记段并整理格式。4、条件注释如
2025-11-02 04:23:07
314
网址html如何下载_网页HTML内容下载（工具/代码）方法 根据需求选择合适方法获取网页HTML。1.浏览器开发者工具可手动复制保存，适合小页面调试；2.wget命令行工具支持直接下载网页，但无法获取JS动态内容；3.curl命令可快速抓取单页并重定向到文件，适用于脚本自动化；4.Python的requests库配合代码能灵活下载静态页面；5.Selenium可驱动浏览器获取完全渲染后的HTML，适用于Vue、React等动态页面。方法选择取决于页面类型与使用场景。
2025-11-02 04:19:10
968
html如何实现重置_HTML表单重置（reset按钮）功能实现方法 使用reset按钮可快速实现表单重置，通过input或button标签设置type="reset"，点击后表单恢复初始value值，JavaScript也可调用reset()方法触发。
2025-11-02 03:55:08
777
html如何显示function_HTML中JavaScript函数显示与调用方法 HTML通过标签定义和调用JavaScript函数，可内嵌或外链；2.函数需先定义后调用，可通过事件触发或页面加载执行；3.使用toString()将函数转为字符串并结合标签可显示源码；4.建议分离结构与行为，避免document.write，注意执行时机与路径正确性。
2025-11-02 03:51:17
819
html 如何画斜线_HTML斜线绘制（CSS border/Canvas）方法 使用CSSborder可绘制固定角度斜线，通过设置透明边框和旋转实现，兼容性好但灵活性差；2.使用Canvas能精确控制斜线的角度、颜色和粗细，支持动态绘制与动画，适合复杂场景。根据需求选择：静态用CSS，动态用Canvas。
2025-11-02 02:39:22
873
html如何底部居中_HTML元素（position:absolute）底部居中方法 使用left:50%和transform:translateX(-50%)可让绝对定位元素在页面底部水平居中，适用于任何宽度；或通过设置固定width配合left:0、right:0与margin:0auto实现居中；若父容器可控，采用display:flex、justify-content:center和align-items:flex-end更简洁。推荐首选第一种方法，兼容性好且无需固定宽度。
2025-11-02 01:49:11
737
HTML锚点跳转漏洞怎么发现_页面内部锚点跳转恶意利用漏洞发现 答案：HTML锚点跳转本身无害，但可能被滥用实现内容劫持、钓鱼、XSS等攻击，关键在于JavaScript对location.hash的不安全处理及隐藏元素的恶意显示。
2025-11-02 01:43:10
273
HTML前端权限校验漏洞怎么检测_前端JS权限控制失效漏洞检测方法 答案是检测前端JS权限控制失效漏洞需通过网络请求层面绕过前端限制，直接测试后端权限校验。具体包括：使用开发者工具禁用JavaScript、修改DOM元素、复制并篡改HTTP请求（如通过cURL或BurpSuite），模拟低权限用户发送请求，观察后端是否返回敏感数据或执行高权限操作；若后端未返回401/403错误，则存在越权漏洞。核心原理在于前端控制可被用户完全操控，真正安全依赖后端对每次请求的身份与权限验证。
2025-11-02 00:45:34
932
html5使用localStorage存储数据 html5使用本地存储的实用指南 localStorage提供持久化存储，容量大且不发送至服务器，适合存用户偏好等非敏感数据；通过setItem、getItem等方法操作字符串数据，复杂类型需用JSON转换；可用于记住主题、缓存表单或API数据；受同源策略限制，不支持跨标签实时通信，需处理无痕模式异常。
2025-11-01 23:53:01
783
HTML5在线如何实现全屏功能 HTML5在线交互体验的优化技巧 HTML5全屏API可通过requestFullscreen实现元素全屏，结合事件监听与兼容性处理提升体验。
2025-11-01 23:49:02
642
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部