<head>里常用的标签

最新推荐文章于 2026-06-24 00:00:50 发布
转载 最新推荐文章于 2026-06-24 00:00:50 发布 · 152 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：http://www.cnblogs.com/victfx/p/5016677.html
标签
#开发工具
本文详细解析了各种网页元标签的用途，包括设置页面编码、浏览器兼容性、自动刷新、禁止缓存、作者标注、版权信息等，同时介绍了移动端元标签如视口设置、设备识别控制及苹果设备专属设置。
 <meta charset="utf-8"> 设置页面编码为UTF8，防止乱码，需要页面保存为UTF8无BOM格式

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 为IE设置兼容模式为edge

<meta http-equiv="refresh" content="30"> 30秒后自动刷新本页面

<meta http-equiv="refresh" content="5" url="http://www.xx.com"> 5秒后自动跳转到指定页面

<meta http-equiv="expires" content="0"> 指定缓存的生存周期为已过期，即禁止缓存

<meta http-equiv="pragma" content="no-cache"> 禁止缓存

<meta http-equiv="cache-control" content="no-cache,must-revalidate"> 禁止缓存方案2

<meta name="author" content="Leo,xx@xx.com"> 标注作者

<meta name="copyright" content="本页版权归XX所有，All Rights Reserved."> 标注版权

<meta name="generator" content="WebIDE"> 标注网页开发工具

<base href="http://www.xx.com/" target="_blank"> 为相对地址指定基地址，并设置为新窗口打开

<link href="favicon.ico" rel="shortcut icon" type="image/png"> 显示并指定favicon图标的位置

<link rel="icon" type="image/png" href="favicon.ico"> 显示并指定favicon图标的位置方案2

移动端：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> 设置初始缩放大小与视口，并对适合分辨率的设备禁止缩放，可模拟原生APP效果

<meta name="format-detection" content="telephone=no"> 禁止电话号码识别

<meta name="format-detection" content="email=no"> 禁止邮箱识别

<meta name="format-detection" content="adress=no"> 禁止识别地址和跳转到地图功能

<meta name="apple-mobile-web-app-capable" content="yes"> 禁用工具栏与菜单栏，苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 状态栏为默认样式，苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="black"> 状态栏为黑色样式，苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 状态栏为灰色样式，苹果系专属

<meta name="apple-mobile-web-app-status-bar-style" content="blank"> 隐藏状态栏，苹果系专属
 
PS:群里收藏的！发表到这里了

转载于:https://www.cnblogs.com/victfx/p/5016677.html

dgq2015
关注
网页中head标签中的常用标签总结
de985294664890的博客
08-07 495
常见的<head></head>之间的标签为：meta , title , link , style ,script。 1、meta 标签----name 　　<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。　　 1.1　　Keywords 　　#关键词 <met...
head内常用标签
weixin_34209406的博客
05-25 94
1、meta相关 #1、指定字符集 <meta charset="gbk"> #2、页面描述 <meta name="Description" content="具体描述。。。"> #3、关键字：有助于搜索引擎SEC优化，再怎么优化也抵不过竞价排名 <meta name="Keywords" content="网易，邮箱，游戏，新闻"...
html中的标签的属性
m0_58827570的博客
06-01 98
HTML中最重要的就是标签，除了在<head>结构中默认的 <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> ...
怎么分别javascript写在<head>里还是<body>里面?
JAVA之迷
08-02 3300
怎么分别javascript写在里还是里面? 具体哪些语句写在里，哪些语句写在里 满意答案 BeginNow  | 1218个满意答案 2010-03-10 需要预载和重复使用的函数可以写在head里，一次性使用和简单目的的，可以写在body中。 使用方法可以参考这个 http://www.w3school.c
<head>标签里有什么?
weixin_34238642的博客
04-16 141
主要包含了页面是元数据 <head> <meta charset="utf-8"> <title>My test page</title> </head> 复制代码title和h1的区别： h1 会加载显示在页面中 title 是用来表示整个html文档大致内容的元数据 元数据 <meta> 在 head 中可...
HTML 常用标签的使用方法及属性
LLCC2728的博客
12-15 2009
在网页开发中，HTML（超文本标记语言）是构建网页的基础。了解 HTML 常用标签的使用方法及属性对于创建吸引人且功能强大的网页至关重要。本文将详细介绍一些常见的 HTML 标签及其用法和属性。HTML是一种基本的标记语言，用于创建和呈现网页的结构和内容。它提供了丰富的标签和属性，使开发人员能够以各种方式组织和显示信息。
【AI Coding】Claude Code 入门（三）：VSCode 插件模式 — 编辑器内的 AI 编程搭档
fcvtb的博客
06-17 390
CLAUDE.md是放在项目根目录的配置文件，Claude 每次启动都会读取它。相当于给 Claude 的"项目说明书"。安装插件 → 配置 API（复用 CLI 配置）↓侧边栏对话：Ctrl+L 聚焦，@ 引用精确上下文↓行内对话：Ctrl+I，直接在代码中提问↓Diff 预览：Tab 接受，Esc 拒绝↓CLAUDE.md：项目级配置，让 Claude 理解你的规范Claude Code 的 VSCode 插件模式让 AI 编程真正融入了日常开发流程。
从连接到隔离：SSH 工具 + PyCharm 远程连接服务器及环境配置事项
2401_86092833的博客
06-20 228
本文介绍了服务器环境管理与开发工具的使用指南。主要内容包括：1）通过XTerminal等SSH工具连接服务器后，建议使用conda创建独立的Python虚拟环境以避免多人共用时的版本冲突；2）使用FileZilla进行本地与服务器的文件传输；3）PyCharm配置远程服务器解释器实现代码在服务器环境运行；4）强调虚拟环境的重要性，包括本地开发时通过Anaconda创建隔离环境防止系统污染。文章还对比了SSD与HDD的存储选择，并提供了PyCharm切换不同conda环境的说明。
IDEA 配置全局Maven应用
分享我的点点滴滴，在成长路上与你同行！
06-17 121
IDEA 配置全局Maven应用Springboot
2026主流AI代码模型与开发工具全梳理
橙-极纪元-JJYCheng
06-18 520
2026年主流AI代码工具全景梳理：本文系统盘点当前AI编程领域的核心工具，分为三大类——底层大模型（如GPT-5、Claude 4、CodeLlama等）、集成开发工具（GitHub Copilot、Cursor等）和辅助工具（Phind、Ollama等），通过对比表格清晰展示各产品的技术特点、适用场景及优劣势。针对不同开发需求（高性能/低成本/隐私保护等）提供组合方案推荐，建议开发者根据项目规模、预算和数据安全要求灵活选择，可混合使用多工具实现最优开发效率。
keil迁移至Vscode开发
weixin_51686526的博客
06-21 297
最近想折腾一下Vscode，前面一直想把stm32g407试着在Vscode上运行工程，但是一直没有搞好。最近又重新看了一下教程，还是下定决心搞一下。
IDEA 创建 Java 项目 负载均衡 从获取 Nacos 服务地址
道友
06-17 284
IDEA 创建 Java 项目 负载均衡 从获取 Nacos 服务地址
IDEA 创建 Java 项目 Gateway 网关 Moudle
最新发布
道友
06-24 230
IDEA 创建 Java 项目 Gateway 网关 Moudle
PyCharm调试技术与最佳实践指南
weixin_51955414的博客
06-23 397
《PyCharm调试技术与最佳实践指南》摘要 本文系统介绍了PyCharm调试功能的使用方法，包含以下核心内容： 调试基础：解释了调试概念、重要性和不同类型（断点/条件断点/日志/远程调试） 界面详解：展示了调试工具栏功能和窗口布局，包括代码编辑器、变量面板和控制台等组件 断点管理：详细说明基本断点、条件断点、临时断点、日志断点的设置方法及分组管理技巧 调试操作：讲解Step Over（F8）、Step Into（F7）、Step Out（Shift+F8）等关键调试命令 变量处理.
AI生成代码中文乱码的解决方案
印俊 的专栏
06-23 298
本文探讨了AI生成代码中常见的中文乱码问题，指出其根源在于AI默认使用UTF-8编码，而本地开发环境（如Windows CMD）可能采用GBK编码，导致编码不一致。文章提供了四大场景的解决方案：1）在VSCode/PyCharm等IDE中设置UTF-8编码；2）在Windows控制台使用chcp 65001切换编码；3）为C/C++编译器添加编码参数；4）确保HTML包含UTF-8声明。同时建议在向AI提问时明确要求使用UTF-8编码。最终解决方案是统一采用UTF-8编码标准贯穿整个开发流程。
(最新版)Git&GitHub实操图文详解教程(13)—在IDEA中操作远程仓库
谷哥的小弟
06-19 60
本文详细介绍了如何将本地代码推送至GitHub远程仓库的完整流程。首先在GitHub创建新仓库并获取仓库地址，然后在IDEA中配置远程仓库路径。随后通过Git操作推送代码，包括处理授权认证等步骤，并展示了推送成功后的验证方法。最后强调了日常开发中先Commit再Push的操作规范，确保代码变更能同步至远程仓库。整个教程配有清晰的操作截图，适合Git初学者快速掌握基本代码托管操作。
IOS + QT + Purple Pi OH RK3566 实现远程开关灯泡功能
Android小码家
06-23 47
本文展示了一个基于UDP通信的嵌入式系统实现方案，采用Qt5框架开发，工具链包含Xcode、VSCode、Hermes和QtCreator，支持通过MobaXTerm进行Qt应用投屏。系统实现了GPIO控制（引脚15设置为输出模式）和UDP服务端（监听端口10001），运行日志显示存在OpenGL驱动加载问题。项目提供了硬件规格书（附PDF链接）和实现效果图，作者表示可协助完成毕设开发。方案适用于需要远程设备控制和数据传输的嵌入式应用场景。
在golang中创建新项目并使用git将项目推送到github仓库中（新手向）
m0_74795952的博客
06-20 301
虽然是新手向，但你起码要把git给学了才行，不能真的啥也不知道。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值