当前位置： 首页 > news >正文

六十天前端强化训练之第一天HTML5语义化标签深度解析与博客搭建实战

news 来源：原创 2025/9/17 10:00:22

=====欢迎来到编程星辰海的博客讲解======

目录

一、语义化标签的核心价值

1.1 什么是语义化？

1.2 核心优势

二、语义标签详解与使用场景

2.1 布局容器标签

2.2 内容组织标签

三、博客结构搭建实战

3.1 完整HTML结构

3.2 核心结构解析

3.3 实现效果说明

四、学习要点总结

4.1 使用原则

4.2 常见误区

4.3 最佳实践

五、扩展阅读推荐

5.1 官方文档

5.2 优质文章

5.3 验证工具

一、语义化标签的核心价值

1.1 什么是语义化？

语义化标签是指通过HTML元素本身就能传达其内容含义的标记方式。HTML5新增的语义元素包括：

HTML

<header>, <nav>, <main>, <article>, <section>,<aside>, <footer>, <figure>, <figcaption>, <time>

1.2 核心优势

  • 提升可访问性：屏幕阅读器能更准确解析内容
  • 增强SEO：搜索引擎更容易理解页面结构
  • 代码可维护性：结构清晰的文档更易维护
  • 未来兼容性：符合W3C标准的发展方向

二、语义标签详解与使用场景

2.1 布局容器标签

标签适用场景典型内容
<header>页面/章节的头部导航、Logo、标题
<footer>页面/章节的页脚版权信息、联系方式
<nav>主要导航链接集合菜单、目录、分页
<main>文档主要内容（页面唯一）核心文章内容
<aside>与主要内容相关的附属信息侧边栏、广告、相关链接

2.2 内容组织标签

标签适用场景嵌套关系
<article>独立完整的内容块可包含header/footer
<section>内容分组/主题分割需要包含标题
<figure>与内容相关的媒体内容配合<figcaption>使用
<details>折叠内容块配合<summary>使用

三、博客结构搭建实战

3.1 完整HTML结构

我只提供相关代码，内容大家根据自己的需求填写

HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>技术博客 | HTML5实践</title><style>/* 基础样式仅用于演示布局 */body { font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto; }header, footer { background: #333; color: white; padding: 20px; }nav { background: #444; padding: 10px; }main { display: flex; gap: 20px; }article { flex: 3; }aside { flex: 1; background: #f4f4f4; padding: 15px; }section { margin-bottom: 30px; }</style>
</head>
<body><header><h1>编程星辰海</h1><p>探索Web开发最新趋势</p></header><nav><ul><li><a href="/">首页</a></li><li><a href="/articles">文章</a></li><li><a href="/about">关于</a></li><li><a href="/contact">联系</a></li></ul></nav><main><article><header><h2>HTML5语义化实践指南</h2><p>作者：李技术 | <time datetime="2025-02-23">2025年2月23日</time></p></header><section aria-labelledby="section1"><h3 id="section1">语义化基础</h3><p>现代Web开发中语义化的重要性...</p><figure><img src="semantic-structure.png" alt="语义化结构示意图"><figcaption>图1：HTML5文档结构示意图</figcaption></figure></section><section aria-labelledby="section2"><h3 id="section2">布局实践</h3><p>正确使用article和section...</p><details><summary>布局常见问题</summary><p>避免过度使用div标签...</p></details></section></article><aside><h3>相关文章</h3><ul><li><a href="#">CSS Grid布局指南</a></li><li><a href="#">响应式设计实践</a></li></ul></aside></main><footer><p>© 2023 编程星辰海</p><address>联系我们:******</address></footer>
</body>
</html>

3.2 核心结构解析

  1. 页面布局层次：

TEXT

header
├─ nav
main
├─ article
│   ├─ section
│   └─ section
└─ aside
footer

  1. 语义化亮点：
  • 使用aria-labelledby关联标题与区域
  • time标签的datetime属性机器可读
  • figure与figcaption配合使用
  • details实现可折叠内容块

3.3 实现效果说明

  • 顶部深色header区域包含站点标题
  • 导航菜单水平排列在浅灰色背景中
  • 主内容区采用双栏布局（3:1比例）
  • 文章包含多个带标题的内容区块
  • 侧边栏显示相关文章链接
  • 底部深色区域展示版权信息

四、学习要点总结

4.1 使用原则

  1. 内容优先：根据内容语义选择标签
  2. 适度使用：避免过度语义化带来的复杂度
  3. 层级合理：保持明确的文档大纲结构
  4. 渐进增强：兼容不支持HTML5的浏览器

4.2 常见误区

  • × 用<section>代替<div>作为样式容器
  • × 嵌套多个<article>却不包含独立内容
  • × 在<header>中放置与页面无关的内容
  • × 重复使用多个<main>标签

4.3 最佳实践

  1. 使用W3C验证器检查文档结构
  2. 结合ARIA属性增强可访问性
  3. 通过document.outline()检查大纲结构
  4. 保持标签的语义纯粹性

五、扩展阅读推荐

5.1 官方文档

  1. HTML5语义元素 - MDN
  2. W3C HTML5规范
  3. ARIA规范

5.2 优质文章

  1. 《语义化HTML：从入门到精通》（Smashing Magazine）Smashing Magazine — For Web Designers And Developers

  2. 《HTML5语义化SEO优化实践》（Google Webmasters）Chrome 开发者工具官方中文文档_谷歌开发文档中文-CSDN博客

  3. 《屏幕阅读器用户的浏览模式研究》（WebAIM）​  
    http://Screen Reader User Survey #9​

5.3 验证工具

  1. W3C Markup Validation Service
  2. HTML5 Outliner

建议将示例代码保存为.html文件后在现代浏览器中打开，使用开发者工具的"Accessibility"面板可查看生成的语义树形结构。

相关文章：

六十天前端强化训练之第一天HTML5语义化标签深度解析与博客搭建实战

欢迎来到编程星辰海的博客讲解 目录 一、语义化标签的核心价值 1.1 什么是语义化&#xff1f; 1.2 核心优势 二、语义标签详解与使用场景 2.1 布局容器标签 2.2 内容组织标签 三、博客结构搭建实战 3.1 完整HTML结构 3.2 核心结构解析 3.3 实现效果说明 四、学习要点…...

编程日记 2025/9/17 10:00:22

Oracle中补全时间的处理

在实际数据处理的过程中&#xff0c;存在日期不连续的问题&#xff0c;可能会导致数据传到前后端出现异常&#xff0c;为了避免这种问题&#xff0c;通常会从数据端进行日期不全的处理&#xff1a; 以下为补全年份的案例&#xff1a; with x as (select 开始年份 &#xff08;…...

编程日记 2025/9/14 13:37:42

PHP课程预约小程序源码

&#x1f4f1; 课程预约小程序&#xff1a;为您专属定制的便捷预约新体验 在这个快节奏的时代&#xff0c;我们深知每一位瑜伽爱好者、普拉提追随者以及培训机构管理者对高效、便捷服务的迫切需求。因此&#xff0c;我们匠心独运&#xff0c;推出了一款基于PHPUniApp框架开发的…...

编程日记 2025/9/13 14:52:55

(200): error: #29: expected an expression error: #40: expected an identifier

这是因为你乱加define导致你的define与变量名重复就会出现&#xff0c;他找不到错误只会抱着两个错...

编程日记 2025/9/4 16:58:01

一文讲解Redis中的常用命令

①、操作字符串的命令有&#xff1a; SET key value&#xff1a;设置键 key 的值为 value。GET key&#xff1a;获取键 key 的值。DEL key&#xff1a;删除键 key。INCR key&#xff1a;将键 key 存储的数值增一。DECR key&#xff1a;将键 key 存储的数值减一。 ②、操作列表…...

编程日记 2025/9/17 9:55:49

智能交通系统（Intelligent Transportation Systems）：智慧城市中的交通革新

智能交通系统&#xff08;Intelligent Transportation Systems, ITS&#xff09;是利用先进的信息技术、通信技术、传感技术、计算机技术以及自动化技术等&#xff0c;来提升交通系统效率和安全性的一种交通管理方式。ITS通过收集和分析交通数据&#xff0c;智能化地调度、控制…...

编程日记 2025/8/20 4:36:13

Node.js 登录鉴权

目录 Session express-session 配置 express-session 函数 ts 要配置声明文件 express-session.d.ts express-session 使用 express-session 带角色 Token 什么是 JWT token jsonwebtoken 使用 jsonwebtoken 带角色 Session express 使用 express-session 管理会话&…...

编程日记 2025/9/17 10:00:22

EPSON L3118彩色喷墨打印机灯全闪故障维修一例

一台EPSON L3118彩色喷墨打印机&#xff0c;故障时开机灯全闪烁&#xff0c;一般来说这种故障问题都不太大&#xff0c;要么就是打印机内部卡纸了&#xff0c;要么就是传感器故障&#xff0c;一般情况下卡纸的问题比较多… …&#xff1b; 但是遇到一用户又菜又爱玩&#xff0c…...

编程日记 2025/9/15 5:04:27

在 Mac ARM 架构的 macOS 系统上启用 F1 键作为 Snipaste 的截屏快捷键

在 Mac ARM 架构的 macOS 系统上启用 F1 键作为 Snipaste 的截屏快捷键&#xff0c;主要涉及到两个方面&#xff1a;确保 F1 键作为标准功能键工作 和 在 Snipaste 中设置 F1 为快捷键。 因为 Mac 默认情况下&#xff0c;F1-F12 键通常用作控制屏幕亮度、音量等系统功能的快捷键…...

编程日记 2025/9/13 19:13:49

基于AT89C51单片机的教室智能照明控制系统

点击链接获取Keil源码与Project Backups仿真图&#xff1a; https://download.csdn.net/download/qq_64505944/90419908?spm1001.2014.3001.5501 C16 部分参考设计如下&#xff1a; 摘 要 本项目的智能教室灯光控制系统通过合理的软硬件设计&#xff0c;有效地提升了教室…...

编程日记 2025/9/13 21:18:46

JavaSE学习笔记25-反射（reflection）

反射 在Java中&#xff0c;反射&#xff08;Reflection&#xff09; 是一种强大的机制&#xff0c;允许程序在运行时检查和操作类、方法、字段等信息。通过反射&#xff0c;可以动态地创建对象、调用方法、访问字段&#xff0c;甚至修改私有成员。反射的核心类是 java.lang.re…...

编程日记 2025/9/13 15:01:17

ctf网络安全题库 ctf网络安全大赛答案

此题解仅为部分题解&#xff0c;包括&#xff1a; 【RE】&#xff1a;①Reverse_Checkin ②SimplePE ③EzGame 【Web】①f12 ②ezrunner 【Crypto】①MD5 ②password ③看我回旋踢 ④摩丝 【Misc】①爆爆爆爆 ②凯撒大帝的三个秘密 ③你才是职业选手 一、 Re ① Reverse Chec…...

编程日记 2025/9/14 22:42:23

旋转位置编码（ROPE）详解：从Transformer到现代前沿

旋转位置编码&#xff08;ROPE&#xff09;详解&#xff1a;从Transformer到现代前沿 标签&#xff1a;NLP, Transformer, 位置编码, ROPE, 深度学习, 机器学习 摘要&#xff1a;本文详细介绍了旋转位置编码&#xff08;ROPE&#xff09;在Transformer模型中的应用&#xff0…...

编程日记 2025/9/15 15:14:48

ROS2机器人开发--服务通信与参数通信

服务通信与参数通信 在 ROS 2 中&#xff0c;服务&#xff08;Services&#xff09;通信和参数&#xff08;Parameters&#xff09;通信是两种重要的通信机制。服务是基于请求和响应的双向通信机制。参数用于管理节点的设置&#xff0c;并且参数通信是基于服务通信实现的。 1 …...

编程日记 2025/9/15 17:30:41

安全运维，等保测试常见解决问题。

1. 未配置口令复杂度策略。 # 配置密码安全策略 # vi /etc/pam.d/system-auth # local_users_only 只允许本机用户。 # retry 3 最多重复尝试3次。 # minlen12 最小长度为12个字符。 # dcredit-1 至少需要1个数字字符。 # ucredit-1 至少需要1个大…...

编程日记 2025/9/14 17:18:49

【数据标准】数据标准化是数据治理的基础

导读&#xff1a;数据标准化是数据治理的基石&#xff0c;它通过统一数据格式、编码、命名与语义等&#xff0c;全方位提升数据质量&#xff0c;确保准确性、完整性与一致性&#xff0c;从源头上杜绝错误与冲突。这不仅打破部门及系统间的数据壁垒&#xff0c;极大促进数据共享…...

编程日记 2025/9/15 10:25:58

Java 18~20 新特性

文章目录 一、Java 18 新特性1.1、UTF-8 作为默认字符集&#xff08;JEP 400&#xff09;1.2、简易 Web 服务器&#xff08;JEP 408&#xff09;1.3、代码片段标签 snippet&#xff08;JEP 413&#xff09;1.4、使用方法句柄重新实现反射核心&#xff08;JEP 416&#xff09;1.…...

编程日记 2025/9/16 1:17:01

程序员学商务英语之At the Hotel

Dialogue-3 Room service-Cleaning the Room客房服务-打扫房间 A: Who will do the dishes after dinner tonight? 今晚饭后谁来洗碗&#xff1f; B: It’s your turn. 轮到你了。 Go do the room right now. clean the room去打扫房间。Doing the laundry is the last thi…...

编程日记 2025/9/15 11:35:42

探秘路由表：网络世界的导航地图

一、引言 在当今数字化时代&#xff0c;网络已经成为我们生活中不可或缺的一部分。无论是浏览网页、观看视频&#xff0c;还是进行在线办公、游戏娱乐&#xff0c;我们都在与网络进行着频繁的交互。而在这背后&#xff0c;网络中的数据传输就如同现实生活中的快递配送&#xf…...

编程日记 2025/9/16 5:10:06

UniApp SelectorQuery 讲解

一、SelectorQuery简介 在UniApp中&#xff0c;SelectorQuery是一个非常强大的工具&#xff0c;它允许开发者查询节点信息。通过这个API&#xff0c;我们可以获取到页面元素的尺寸、位置、滚动条位置等信息。这在处理动态布局、动画效果或是用户交互时尤为重要。 二、基本使用…...

编程日记 2025/9/11 0:42:59

三数之和：经典问题的多种优化策略

三数之和&#xff1a;经典问题的多种优化策略 大家好&#xff0c;我是Echo_Wish。今天我们来聊一个经典的算法问题——三数之和&#xff08;3Sum&#xff09;。它是许多面试和算法竞赛中常见的问题之一&#xff0c;也常常考察我们对算法优化的理解和技巧。我们不仅要解决问题&…...

编程日记 2025/9/11 0:07:46

Flash-00

下载网站&#xff1a;Flash CC 2015中文版下载-Adobe Flash CC 2015(动画制作软件)免费下载-当快软件园 1-什么是Flash&#xff1f; Flash是一款多媒体设计软件&#xff0c;二维交互式动画设计工具&#xff0c;常用于矢量动画制作 2-Flash的应用领域&#xff1f; 动画制作&a…...

编程日记 2025/9/11 16:37:33

FTP 实验（ENSP模拟器实现）

FTP 概述 FTP&#xff08;File Transfer Protocol&#xff0c;文件传输协议&#xff09;是一种用于在网络上进行文件传输的标准协议。它允许用户在两台计算机之间上传和下载文件。 1、FTP采用客户端-服务器模型&#xff0c;客户端通过FTP客户端软件&#xff0c;连接到FTP服务…...

编程日记 2025/9/12 16:06:55

DeepSeek在初创企业、教育和数字营销领域应用思考

如今&#xff0c;像 DeepSeek 这样的人工智能工具正在改变企业的运营方式&#xff0c;优化流程并显著提高生产力。通过重复任务的自动化、大量数据的分析以及内容创建效率的提高&#xff0c;组织正在寻找新的竞争和卓越方式。本文介绍了 DeepSeek 如何用于提高三个关键领域的生…...

编程日记 2025/9/5 13:15:30

ubuntu新系统使用指南

1. 更新源 2. 配置rime 输入法 sudo apt install ibus-rimeibus-setup #打开配置界面添加雾凇拼音 cd ~/Documents/Tool/input_source/plumgit clone --depth 1 https://github.com/rime/plum plum #没有梯子就劝退cd plum/bash rime-install iDvel/rime-ice:others/recipe…...

编程日记 2025/9/10 0:18:16

HaProxy配置详解

一、haproxy基础配置 官方文档&#xff1a;HAProxy version 2.2.22 - Configuration Manual HAProxy 的配置文件haproxy.cfg由两大部分组成&#xff0c;分别是global和proxies部分。 global&#xff1a;全局配置段 进程及安全配置相关的参数性能调整相关参数Debug参数 pro…...

编程日记 2025/9/10 11:41:53

PCL 基于FPFH特征的SAC-IA算法

文章目录 一、简介二、PCL中的相关类型二、实现代码三、实现效果参考资料一、简介 该算法的大致过程如下所示： 通过这种随机采样并使用FPFH描述子进行匹配的方式，可以快速找到一个较好的转换矩阵，从而实现两个物体的初始配准。 二、PCL中的相关类型 类型为：pcl::SampleCons…...

编程日记 2025/9/16 1:38:24

Git操作整体流程

文章目录 1.Git创建个人仓库2、Git全局配置3、Git本地管理4. Git本地管理常用命令汇总5、使用Git命令将项目提交到远程码云管理6.使用IDEA进行管理7、Idea里面的终端8、关于提交总结 1.Git创建个人仓库 打开https://gitee.com/&#xff0c;登录个人账号&#xff0c;右上角加号…...

编程日记 2025/9/16 1:38:27

独立开发者之PLG 和 SLG 是什么

什么是 PLG 和 SLG PLG&#xff08;产品驱动增长&#xff09;是一种策略&#xff0c;通过产品本身吸引用户并推动客户获取、保留和扩展。例如&#xff0c;提供免费试用或免费模式&#xff0c;让用户直接体验产品价值&#xff0c;如 Slack 和 Dropbox 那样。SLG&#xff08;销售…...

编程日记 2025/9/14 16:47:47

Python 基本语法的详细解释

目录 &#xff08;1&#xff09;注释 &#xff08;2&#xff09;缩进 &#xff08;3&#xff09;变量和数据类型 变量定义 数据类型 &#xff08;4&#xff09;输入和输出 输出&#xff1a;print() 函数 输入&#xff1a;input() 函数 &#xff08;1&#xff09;注释 注…...

编程日记 2025/9/16 7:22:00

腾讯SQL面试题变体实现：最长连续天数与允许1天中断的进阶解法

腾讯SQL面试题变体实现：最长连续天数与允许1天中断的进阶解法 作者：某七年数据开发工程师 | 2025年02月23日 关键词：滑动窗口、容错机制、连续区间优化 一、变体题型需求分析 在原题如何找出连续5天涨幅超过5%的股票基础上，需实现两个扩展场景： 最长连续天数：输出每只股…...

编程日记 2025/9/9 10:40:46

KubeKey一键安装部署k8s集群和KubeSphere详细教程

目录 一、KubeKey简介 二、k8s集群KubeSphere安装 集群规划 硬件要求 Kubernetes支持版本 操作系统要求 SSH免密登录 配置集群时钟 所有节点安装依赖 安装docker DNS要求 存储要求 下载 KubeKey 验证KubeKey 配置集群文件 安装集群 验证命令 登录页面 一、Ku…...

编程日记 2025/9/14 19:30:56

w803|联盛德|WM IoT SDK2.X测试|pinout|（2）：w803开发板简介

概述 W803-Pico是一款基于联盛德W803芯片为主控的开发板&#xff0c;支持IEEE802.11 b/g/n Wi-Fi&#xff0c;以及BT/BLE4.2协议蓝牙。芯片内置高性能32位处理器&#xff0c;主频高达240MHz。内置2MB Flash以及288KB RAM。硬件采用DIP封装&#xff0c;PCB板载天线&#xff0c;…...

编程日记 2025/9/16 3:56:08

BGP分解实验·19——BGP选路原则之起源

当用不同的方式为BGP注入路由时&#xff0c;起源代码将标识路由的来源。 &#xff08;在BGP表中&#xff0c;Network为“i”&#xff0c;重分布是“&#xff1f;”&#xff09; 实验拓扑如下&#xff1a; R2上将来自IGP的路由10.3.3.3/32用network指令注入BGP;在R4上将来自I…...

编程日记 2025/9/14 5:52:49

使用ESP-IDF来驱动INMP441全向麦克风

之前的文章我们讲过了I2S。 I2S是什么通信协议&#xff1f;它如何传输音频数据&#xff1f;它和I2C是什么关系&#xff1f;_i2c接口和i2s-CSDN博客文章浏览阅读836次&#xff0c;点赞12次&#xff0c;收藏14次。这个可以参考ADC来理解&#xff0c;我们的ADC也是有左对齐和右对…...

编程日记 2025/9/14 18:03:40

C/C++跳动的爱心

系列文章 序号直达链接1C/C李峋同款跳动的爱心2C/C跳动的爱心3C/C经典爱心4C/C满屏飘字5C/C大雪纷飞6C/C炫酷烟花7C/C黑客帝国同款字母雨8C/C樱花树9C/C奥特曼10C/C精美圣诞树11C/C俄罗斯方块小游戏12C/C贪吃蛇小游戏13C/C孤单又灿烂的神14C/C闪烁的爱心15C/C哆啦A梦16C/C简单…...

编程日记 2025/9/10 14:42:28

blender笔记2

一、物体贴地 物体->变换->对齐物体 ->对齐弹窗(对齐模式&#xff1a;反方&#xff0c;相对于&#xff1a;场景原点&#xff0c;对齐&#xff1a;z)。 之后可以设置原点->原点--3d游标 二、面上有阴影 在编辑模式下操作过后&#xff0c;物体面有阴影。 数据-&g…...

编程日记 2025/9/12 1:40:49

关于在mac中配置Java系统环境变量

引言 在 macOS 上开发 Java 或 Flutter 应用时&#xff0c;正确配置环境变量是至关重要的。环境变量不仅能让系统找到开发工具的位置&#xff0c;还能简化命令行操作。本文将手把手教你从零开始安装 Java SDK&#xff0c;并详细配置环境变量&#xff0c;涵盖常见问题解决和优化…...

编程日记 2025/9/14 22:23:11

透彻理解：方差、协方差、相关系数、协方差矩阵及其应用

最近看了几篇跨领域特征对齐方面的经典文献&#xff0c;学者们搞了很多花样&#xff0c;如有的提出一阶统计特征对齐&#xff0c;有的提出二阶统计特征对齐&#xff0c;有的学者提出高阶统计特征对齐。 通俗而言&#xff0c;就是在统计特征层面对跨域特征进行对齐&#xff0c;…...

编程日记 2025/9/14 19:44:51

【SPIE出版，见刊快速，EI检索稳定，浙江水利水电学院主办】2025年物理学与量子计算国际学术会议（ICPQC 2025）

2025年物理学与量子计算国际学术会议&#xff08;ICPQC 2025&#xff09;将于2025年4月18-20日在中国杭州举行。本次会议旨在汇聚全球的研究人员、学者和业界专家&#xff0c;共同探讨物理学与量子计算领域的最新进展与前沿挑战。随着量子技术的快速发展&#xff0c;其在信息处…...

编程日记 2025/8/30 3:52:37

jmeter后端监视器的妙用和实现方法

JMeter 的后端监视器&#xff08;Backend Listener&#xff09;是一个强大的工具&#xff0c;可用于收集、存储和分析测试过程中的性能指标。它允许将测试数据发送到外部系统&#xff08;如 InfluxDB、Graphite 等&#xff09;&#xff0c;并借助这些系统的可视化工具&#xff…...

编程日记 2025/9/11 19:07:42

Docker 的安全配置与优化（二）

Docker 安全优化策略 &#xff08;一&#xff09;多阶段构建优化镜像大小 多阶段构建是 Docker 17.05 版本引入的强大功能&#xff0c;它允许在一个 Dockerfile 中定义多个构建阶段&#xff0c;每个阶段都可以使用不同的基础镜像和依赖项&#xff0c;最终只将必要的文件和依赖…...

编程日记 2025/9/14 6:17:04

宝塔扩容——阿里云如何操作

一、创建快照 磁盘快照&#xff0c;将数据备份&#xff0c;防止丢失。 1.登录“阿里云”账号 2.点击“控制台”——“云服务器 ECS” 3.点击“基本信息”下&#xff0c;右下角“系统盘” 4.点击“创建快照” 二、磁盘扩容 1.点击“云盘扩容” 2. 选择自己要扩容的大小 …...

编程日记 2025/9/9 22:11:34

vscode settings(一)：全局| 用户设置常用的设置项

参考资料 Visual Studio Code权威指南 by 韩骏 一. 全局设置与用户设置 1.1 Vscode支持两种不同范围的设置 用户设置(User Settings)&#xff1a;这是一个全局范围的设置&#xff0c;会应用到所有的Visual Studio Code实例中。工作区设置(Workspace Settings)&#xff1a;设…...

编程日记 2025/9/16 11:24:19

DeepSeek R1本地+私有云版医疗AI部署开发成功案例技术剖析

1. 引言 1.1 研究背景与意义 随着科技的飞速发展，人工智能（AI）在医疗领域的应用正逐渐成为推动医疗行业变革的重要力量。近年来，医疗 AI 取得了显著的进展，从疾病诊断、药物研发到医疗管理等各个环节，AI 技术都展现出了巨大的潜力。它能够处理和分析海量的医疗数据，为…...

编程日记 2025/9/9 23:04:06

CMOS图像传感器——偏振光图像传感器技术

最近，在索尼官网看到了其提到的偏光图像传感器技术Polarsens，感到好奇，查阅了相关资料，总结如下。。。。 一、偏振光 偏振实际上是光的一种基本属性，表述光电场振动的方向。振动方向和光波前进的方向构成的平面叫振动面。大多数的光源，比如太阳，发出非偏振光，这里我们…...

编程日记 2025/9/15 7:32:39

ROS2 中 TF 变换发布与订阅：实现 base_link 和 test_link 实时可视化显示

视频讲解 ROS2 中 TF 变换发布与订阅&#xff1a;实现 base 安装环境依赖 sudo apt-get install ros-humble-tf2-ros ros-humble-tf2-geometry-msgs ros-humble-tf-transformations 创建一个包名为tf_test_pkg的包 ros2 pkg create --build-type ament_python tf_test_pkg -…...

编程日记 2025/9/13 22:01:23

SQLMesh 系列教程9- 宏变量及内置宏变量

SQLMesh 的宏变量是一个强大的工具&#xff0c;能够显著提高 SQL 模型的动态化能力和可维护性。通过合理使用宏变量&#xff0c;可以实现动态时间范围、多环境配置、参数化查询等功能&#xff0c;从而简化数据模型的开发和维护流程。随着数据团队的规模扩大和业务复杂度的增加&…...

编程日记 2025/9/14 0:14:56

逻辑函数的神经网络实现

1.单层感知器实现基本逻辑函数 先给大家抛出一道例题 &#xff08;一&#xff09;种类 a.OR函数 目标&#xff1a;当至少一个输入为1时&#xff0c;输出1&#xff1b;否则输出0。 权重设置&#xff1a; 输入权重&#xff1a;所有 wi1&#xff08;i1,2,...,m&#xff09;。…...

编程日记 2025/9/8 18:21:30

链表-基础训练（二）链表 day14

两两交换链表中的节点 题目示意&#xff1a; 给定一个链表&#xff0c;两两交换其中相邻的节点&#xff0c;并返回交换后的链表。 你不能只是单纯的改变节点内部的值&#xff0c;而是需要实际的进行节点交换。 原先我的思路是图像上的思路&#xff0c;但是我感觉还是很复杂…...

编程日记 2025/9/11 20:10:47