HTML——<head>标签中可放入的标签

一、描述

<head>标签中写入的摘要信息不能在网页中出现,只能在浏览器中体现

二、<title>标签

1.功能:网页标题

2.用法:<title>...</title>

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 以新浪网为例 -->
    <title>新浪网页</title>
</head>
<body>
</body>
</html>

三、<meta>单标签(可重复使用)

1.描述:元信息标签,有"HTTP标题属性"和"页面描述属性"

2.功能:name属性、content属性、charset属性......

name属性:描述 页面摘要信息,有keywords和description两个参数

keywords:用于告诉搜索引擎 网页使用的关键字

description:用于告诉搜索引擎 网页的主要内容

countent属性:写入与name属性对应的信息

③charset属性:编码格式

3.用法

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 以新浪网为例 -->
    <meta name="keywords" content="新浪,新浪网,sina.com.cn,新浪首页"/>
    <meta name="description" content="新浪网为全球用户24小时提供全面及时的中文资讯。">
    <title>Document</title>
</head>
<body>
</body>
</html>

四、<link>单标签(不常用)

1.描述:链接其它文档,有rel属性、href属性、type属性三个属性

  1. 用法:<link rel="stylesheet" href="外部样式表文件名.css" type="text/css">

①rel属性:指定当前文档与被链接文档之间的关系,例如:stylesheet、icon、preload、author、license......

②href属性:指定被链接文档的位置

③type属性:指定被链接文档的 MIME 类型

五、<script>标签(不常用)

1.描述:脚本标签,为HTML文档定义客户端脚本信息

2.用法:<script type="text/javascript" src="脚本文件名.js"></script>

①type属性:指定脚本的 MIME 类型

②src属性:指定外部脚本文件的位置

相关推荐
丹宇码农17 小时前
把 HLS 字幕玩出花:zwPlayer 如何让 M3U8 视频支持全文搜索、翻译与码率自适应
前端·javascript·音视频·hls·视频播放器
2501_9437823517 小时前
【共创季稿事节】猜数字游戏:二分法思维与交互式反馈
前端·游戏·microsoft·harmonyos·鸿蒙·鸿蒙系统
GV191rLvq17 小时前
基于Socket实现的最简单的Web服务器【ASP.NET原理分析】
服务器·前端·asp.net
吠品17 小时前
LangChain 里 tool_call_id 为空?一次 MCP 工具集成的排查记录
前端
微信开发api-视频号协议17 小时前
企业微信二次开发中的文件系统设计:媒体资源、临时文件与业务附件
前端·微信·企业微信·媒体·ipad·微信开放平台
柒和远方17 小时前
Phase 7.4 学习博客:为什么多 API 项目需要 Swagger / OpenAPI
前端·后端·架构
张龙68717 小时前
拼多多开放平台对接踩坑实录:从 CLIENT_ID 配置到 MD5 签名算法的完整填坑指南
前端
GuWenyue18 小时前
提示词彻底过时?一套上下文工程方案,3步让LLM落地生产,代码直接复用
前端·javascript·人工智能
柒和远方18 小时前
Phase 7.3 复盘:后台任务不只是“扔进队列”,还要能被看见
前端·后端·架构