30分钟学会HTML
HTML 基本语法
HTML(HyperText Markup Language)是构成网页内容的基础。它使用一系列的标签来描述网页的结构,包括文本、图片、链接等元素。浏览器会解析这些标签并渲染成我们看到的网页。
在线体验一下 CodePen (在线 HTML 编辑器)。
千万不要被「超文本」、「标记语言」吓到,HTML 的语法非常直观,常用的标签结构并不复杂,用于构建基础网页已经足够,稍微了解一下就能上手。
就是这些基本的标签结构,却能让人优雅地组织你的网页内容,专注于信息的呈现而不是纠结于如何显示,达到“心中有页,落笔成型”的境界。
HTML 文档结构
每个 HTML 文档都需要一个基本的结构,声明文档类型,并包含 <html>
、<head>
和 <body>
等核心标签。
HTML 语法 | 作用 | 示例 |
---|---|---|
<!DOCTYPE html> | 声明文档类型为 HTML5 | |
<html></html> | HTML 文档的根元素 | |
<head></head> | 包含文档的元数据,如标题、字符编码等 | |
<title></title> | 定义文档的标题,显示在浏览器标签上 | <title>我的网页标题</title> |
<meta charset="UTF-8"> | 定义字符编码为 UTF-8,支持多种字符集 | |
<body></body> | 包含网页可见内容的主体部分 | |
<h1></h1> 到 <h6></h6> | 定义不同级别的标题 | <h1>主标题</h1> , <h2>副标题</h2> |
<p></p> | 定义段落 | <p>这是一个段落。</p> |
可选语法 (实际上是不同的 HTML 版本和doctype)
虽然 <!DOCTYPE html>
是 HTML5 的标准声明,但以前的 HTML 版本有不同的doctype声明方式。现在推荐使用 HTML5 的简洁声明。
最佳实践
一个标准的 HTML 文档应该以 <!DOCTYPE html>
开头,并包含 <html>
、<head>
和 <body>
标签,确保语义清晰和结构完整。
✅ Do this | ❌ Don't do this |
---|---|
使用 <!DOCTYPE html> 声明 HTML5 | 忘记添加 <!DOCTYPE html> 声明 |
包含 <head> 和 <body> 标签 | 缺少 <head> 或 <body> 标签 |
HTML 标题
HTML 提供了六级标题标签 <h1>
到 <h6>
,用于表示不同级别的标题内容。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<h1>一级标题</h1> | 定义一级标题 | 页面中最主要的标题 |
<h2>二级标题</h2> | 定义二级标题 | 次要的标题 |
<h3>三级标题</h3> | 定义三级标题 | 更细分的标题 |
<h4>四级标题</h4> | 定义四级标题 | |
<h5>五级标题</h5> | 定义五级标题 | |
<h6>六级标题</h6> | 定义六级标题 |
可选语法 (无直接对应,但强调语义化)
虽然可以使用 CSS 来改变标题的显示样式,但应该根据内容的逻辑结构来选择合适的标题标签,而不是仅仅为了改变字体大小而随意使用。
最佳实践
按照内容的逻辑重要性使用标题标签,<h1>
用于最重要的标题,依次递减。
✅ Do this | ❌ Don't do this |
---|---|
使用 <h1> 作为页面主标题 | 为了加大字体而使用 <h1> ,忽略语义化 |
按照标题层级嵌套使用 (h2 在 h1 下) | 跳跃使用标题标签 (例如 h1 后直接使用 h4 ) |
HTML 段落
<p>
标签用于定义段落,将文本内容组织成独立的段落块。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<p>这是一个段落。</p> | 定义一个段落 | 文本会分段显示 |
<p>这是第一个句子。<br>这是第二个句子。</p> | 使用 <br> 换行 | 在段落内换行显示 |
段落(Paragraph)用法的最佳实践
使用 <p>
标签包裹文本内容,以清晰地划分段落。使用 <br>
标签在段落内进行换行。
✅ Do this | ❌ Don't do this |
---|---|
使用 <p> 标签组织文本内容 | 依赖换行符或空格来分隔段落 |
在需要换行的地方使用 <br> | 为了视觉效果而滥用 <br> 标签 |
HTML 文本格式化
HTML 提供多种标签用于格式化文本,例如加粗、斜体等。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<b>加粗文本</b> | 定义粗体文本 | 文本显示为粗体 |
<strong>重要文本</strong> | 定义重要文本 | 文本显示为粗体 (强调语义) |
<i>斜体文本</i> | 定义斜体文本 | 文本显示为斜体 |
<em>强调文本</em> | 定义强调文本 | 文本显示为斜体 (强调语义) |
<small>小号文本</small> | 定义小号文本 | 文本显示为较小字号 |
<mark>标记文本</mark> | 定义标记文本 | 文本背景高亮显示 |
<del>删除文本</del> | 定义删除文本 | 文本带有删除线 |
<ins>插入文本</ins> | 定义插入文本 | 文本带有下划线 |
<sub>下标文本</sub> | 定义下标文本 | 文本显示为下标 |
<sup>上标文本</sup> | 定义上标文本 | 文本显示为上标 |
文本格式化(Text Formatting)用法的最佳实践
根据语义选择合适的文本格式化标签。<strong>
和 <em>
更侧重于语义强调,而 <b>
和 <i>
则更多是视觉呈现。
✅ Do this | ❌ Don't do this |
---|---|
使用 <strong> 标记重要的关键词或句子 | 仅为了加粗而使用 <b> ,忽略语义化 |
使用 <em> 强调需要突出显示的文本 | 使用 <i> 代替 <em> 进行强调 |
HTML 列表
HTML 提供了有序列表、无序列表和描述列表三种类型的列表。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<ul><li>项目 1</li><li>项目 2</li></ul> | 定义无序列表 | 生成带有项目符号的列表 |
<ol><li>项目 A</li><li>项目 B</li></ol> | 定义有序列表 | 生成带有数字编号的列表 |
<dl><dt>术语</dt><dd>描述</dd></dl> | 定义描述列表 | 生成带有术语和描述的列表 |
<li></li> | 定义列表项 | 包含在 <ul> 或 <ol> 中 |
<dt></dt> | 定义描述列表中的术语 | 包含在 <dl> 中 |
<dd></dd> | 定义描述列表中术语的描述 | 包含在 <dl> 中 |
列表(List)用法的最佳实践
根据信息的组织方式选择合适的列表类型。使用嵌套列表可以清晰地表示层级关系。
✅ Do this | ❌ Don't do this |
---|---|
使用 <ul> 创建无需特定顺序的项目列表 | 使用段落和 <br> 标签模拟列表 |
使用 <ol> 创建需要排序的项目列表 | 混淆无序列表和有序列表的使用场景 |
使用 <dl> 创建术语及其解释的列表 | 在无序或有序列表中尝试模拟描述列表的效果 |
HTML 链接
<a>
标签用于创建超链接,将用户导向其他网页、文件或同一页面的不同位置。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<a href="URL">链接文本</a> | 创建指向 URL 的链接 | "链接文本"显示为可点击的链接,跳转到 URL |
<a href="URL" target="_blank">链接文本</a> | 在新标签页打开链接 | 点击链接将在新的浏览器标签页中打开 |
<a href="mailto:邮箱地址">发送邮件</a> | 创建邮件链接 | 点击链接将打开用户的邮件客户端并填写收件人 |
<a href="#section">跳转到Section</a> | 创建内部链接 | 点击链接将滚动到页面中 ID 为 "section" 的元素 |
链接(Link)用法的最佳实践
为链接添加清晰的链接文本,并根据需要使用 target
属性来控制链接的打开方式。
✅ Do this | ❌ Don't do this |
---|---|
使用描述性的链接文本 (例如 "了解更多") | 使用 "点击这里" 等模糊的链接文本 |
外部链接使用 target="_blank" 在新标签页打开 | 所有链接都强制在新标签页打开,影响用户体验 |
HTML 图片
<img>
标签用于在网页中嵌入图片。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<img src="图片URL" alt="图片描述"> | 插入图片 | 在指定位置显示图片 |
<img src="图片URL" alt="图片描述" width="宽度" height="高度"> | 指定图片尺寸 | 按照指定的宽度和高度显示图片 |
图片(Image)用法的最佳实践
为 <img>
标签提供 src
属性指定图片路径,并使用 alt
属性提供图片描述,这对于可访问性和 SEO 非常重要。
✅ Do this | ❌ Don't do this |
---|---|
为所有 <img> 标签添加 alt 属性 | 忽略 alt 属性,影响可访问性 |
使用有意义的 alt 文本描述图片内容 | 使用 "图片" 或空 alt 属性 |
尽量优化图片大小,提高网页加载速度 | 插入过大的图片,导致网页加载缓慢 |
HTML 代码
HTML 提供了 <code>
和 <pre>
标签用于在网页中显示代码。
HTML 语法 | 作用 | 预览效果 (描述性) |
---|---|---|
<code>行内代码</code> | 表示行内代码 | 代码以等宽字体显示在文本中 |
<pre>多行代码</pre> | 表示预格式化的文本 | 代码块以原始格式显示,保留空格和换行符 |
<pre><code>带语法的代码</code></pre> | 显示带语法的代码 | 通常与 JavaScript 库一起使用以进行语法高亮 |
代码(Code)用法的最佳实践
使用 <code>
标签包裹行内代码,使用 <pre>
标签包裹多行代码块。结合 JavaScript 库可以实现代码语法高亮。
✅ Do this | ❌ Don't do this |
---|---|
使用 <code> 标签标记行内代码 | 直接在文本中输入代码,导致格式不易区分 |
使用 <pre> 标签显示多行代码 | 手动使用空格和换行符来模拟代码显示 |
考虑使用代码高亮库提升代码的可读性 | 在技术文档中直接粘贴未格式化的代码 |
HTML 语义化标签
HTML5 引入了一些语义化标签,用于更清晰地描述文档的结构和内容,提高可访问性和 SEO。
HTML 语法 | 作用 | 示例 |
---|---|---|
<article></article> | 表示文档、页面或应用程序中独立的、完整的、可以独立分发或复用的内容 | 一篇博客文章、一篇新闻报道 |
<aside></aside> | 表示与周围内容相关但不属于主要内容的辅助信息 | 侧边栏、广告、相关链接 |
<details></details> | 表示用户可以展开或收起的内容摘要 | 常见问题解答、产品详情 |
<figcaption></figcaption> | 表示 <figure> 元素的标题 | 图片的描述或标题 |
<figure></figure> | 表示独立的流内容(图像、图表等),通常带有标题 | 一张图片及其标题 |
<footer></footer> | 表示文档或节的页脚 | 版权信息、联系方式 |
<header></header> | 表示文档或节的头部 | 网站 Logo、导航菜单 |
<main></main> | 表示文档的主要内容 | 网页的主要信息区域 |
<nav></nav> | 表示页面的导航链接 | 网站的导航栏 |
<section></section> | 表示文档中的一个 тематический 分组内容 | 章节、主题分组 |
<summary></summary> | 为 <details> 元素定义一个可见的标题 | 常见问题解答的标题 |
<time></time> | 表示日期或时间 | 发布日期、活动时间 |
语义化标签(Semantic Tags)用法的最佳实践
使用语义化标签来组织 HTML 结构,提高代码的可读性和可维护性,并提升网页的可访问性。
✅ Do this | ❌ Don't do this |
---|---|
使用 <article> 包裹独立的文章内容 | 使用 <div> 替代所有语义化标签 |
使用 <nav> 包裹导航链接 | 使用无序列表 <ul> 模拟导航,缺少语义信息 |
使用 <footer> 标记页脚信息 | 将所有内容都放在 <body> 中,缺乏结构 |
HTML 元素和属性
HTML 文档由一系列嵌套的元素组成。元素由开始标签、内容和结束标签构成。标签可以拥有属性,提供关于元素的额外信息。
HTML 语法 | 作用 | 示例 |
---|---|---|
<标签名>内容</标签名> | 定义一个 HTML 元素 | <p>这是一个段落。</p> |
<标签名 属性名="属性值">内容</标签名> | 带有属性的 HTML 元素 | <a href="https://example.com">链接</a> |
class="类名" | 定义元素的类名 (用于 CSS 样式) | <div class="container"></div> |
id="唯一ID" | 定义元素的唯一 ID (用于 CSS 和 JavaScript) | <div id="header"></div> |
style="CSS 样式" | 定义元素的内联样式 | <p style="color: red;">红色文本</p> |
元素和属性(Elements and Attributes)用法的最佳实践
合理使用 HTML 元素和属性来描述网页内容。避免过度使用内联样式,推荐使用外部 CSS 文件来管理样式。
✅ Do this | ❌ Don't do this |
---|---|
使用合适的 HTML 元素来表达内容语义 | 为了样式效果而滥用 <div> 和 <span> |
使用 class 属性为元素添加类名,方便 CSS 管理 | 大量使用 id 选择器,提高 CSS 优先级,不易维护 |
尽量避免使用内联样式,保持 HTML 结构的清晰 | 将所有样式都写在 style 属性中,导致 HTML 臃肿 |
就是这些基本的标签结构,却能让人优雅地组织你的网页内容,专注于信息的呈现而不是纠结于如何显示,达到“心中有页,落笔成型”的境界。
好的,这次的内容就到这里啦
感谢你的阅读,欢迎点赞、关注、转发
我们,下次再见!
相关文章:
30分钟学会HTML
HTML 基本语法 HTML(HyperText Markup Language)是构成网页内容的基础。它使用一系列的标签来描述网页的结构,包括文本、图片、链接等元素。浏览器会解析这些标签并渲染成我们看到的网页。 在线体验一下 CodePen (在线 HTML 编辑器)。 千万不…...
vue——滑块验证
1. 介绍 1.1 简介 基于滑动式的验证码,免于字母验证码的繁琐输入 用于网页注册或者登录 1.2 来源说明 vue使用滑块验证功能,是基于vue-monoplasty-slide-verify这样的一个开源项目,进行实现的,这是这个开源项目的网址传送阵&#…...
编程入门(2)-2024年 RAD Studio version 12发布综述
随着2024年即将画上句号,我想借此机会回顾一下我们在这一年中发布的一些Embarcadero产品、行业趋势,并感谢我们尊贵的客户们对我们的产品一如既往的支持。这一年对我们来说充满了激动人心的变化和发展,我们非常高兴能与您一起踏上这段旅程。 …...
2025年1月4日蜻蜓q旗舰版st完整开源·包含前后端所有源文件·开源可商用可二开·优雅草科技·优雅草kir|优雅草星星|优雅草银满|优雅草undefined
2025年1月4日蜻蜓q旗舰版st完整开源包含前后端所有源文件开源可商用可二开优雅草科技优雅草kir|优雅草星星|优雅草银满|优雅草undefined 产品介绍: 本产品主要贡献者优雅草科技优雅草kir|优雅草星星|优雅草银满|优雅草undefined-青史留名,时光如川浪淘…...
米哈游可切换角色背景动态壁纸
米哈游可切换角色背景动态壁纸 0. 视频 B站演示: 米哈游可切换角色背景动态壁纸-wallpaper 1. 基本信息 作者: 啊是特嗷桃系列: 复刻系列 (衍生 wallpaper壁纸引擎 用)网站: 网页版在线预览 (没有搞大小适配, 建议横屏看; 这个不能切角色, 只能在wallpaper中切)仓库: GitHub…...
框架Tensorflow2
深度学习框架之Tensorflow2 Tensorflow2版本的介绍 Tensorflow(简称tf)是深度学习框架,大大简化了建模的方法和步骤,把Keras Api当作核心,使用非常简单,跨平台,集成各种现成模型,eager mode使得调试起来不…...
急需升级,D-Link 路由器漏洞被僵尸网络广泛用于 DDoS 攻击
僵尸网络活动增加 :新的“FICORA”和“CAPSAICIN”僵尸网络(Mirai 和 Kaiten 的变体)的活动激增。 被利用的漏洞 :攻击者利用已知的 D-Link 路由器漏洞(例如 CVE-2015-2051、CVE-2024-33112)来执行恶意命…...
银行大数据平台管理系统的设计与实现
标题:银行大数据平台管理系统的设计与实现 内容:1.摘要 摘要:本文介绍了银行大数据平台管理系统的设计与实现。该系统旨在解决银行数据管理中的数据量大、数据类型多、数据处理复杂等问题。通过采用大数据技术,如 Hadoop、Spark 等,实现了数…...
leetcode 732. 我的日程安排表 III
题目:732. 我的日程安排表 III - 力扣(LeetCode) 这个数据规模,暴力就够了 struct Book {int begin;int end;Book(int b, int e) {begin b;end e;} }; class MyCalendarThree { public:MyCalendarThree() {}int book(int star…...
公共数据授权运营系统建设手册(附下载)
在全球范围内,许多国家和地区已经开始探索公共数据授权运营的路径和模式。通过建立公共数据平台,推动数据的开放共享,促进数据的创新应用,不仅能够提高政府决策的科学性和公共服务的效率,还能够激发市场活力࿰…...
现代光学基础6
总结自老师的ppt yt6 半导体激光器开卷考试学习资料 目录 半导体激光器边发射半导体激光器垂直腔面发射激光器(VCSEL)激光产生条件(激光原理)半导体激光器的水容器模型有源半导体区域类型和载流子注入发光二极管(L…...
利用ChatGPT API构建智能应用的最佳实践
随着自然语言处理(NLP)技术的飞速发展,基于大型语言模型(LLM)的应用程序逐渐成为开发者的关注焦点。OpenAI 提供的 ChatGPT API 是当前流行的一项服务,开发者可以利用它来构建多种智能化应用,如…...
源代码编译安装X11及相关库、vim,配置vim(1)
一、目录结构 如下。 所有X11及相关库装到mybuild,源代码下载到src下,解压,进入,编译安装。编译时指定--prefix到相同的目录,即上图中mybuild。 ./configure --prefixpwd/../../mybuild [CFLAGS"-I/path/to/X11…...
Java.函数-acwing
题目一: n的阶乘 804. n的阶乘 - AcWing题库 代码 import java.util.Scanner;public class Main {private static int fact(int n) {int res 1;for(int i 1; i < n; i ) res * i;return res;}public static void main(String[] args) {Scanner sc new Scann…...
文档 | Rstudio下的轻量级单页面markdown阅读器 markdownReader
需求:在写R数据分析项目的时候,代码及结果的关键变化怎么记录下来?最好git能很容易的跟踪版本变化。 markdown 是最理想的选择,本文给出一种Rstuidio下的轻量级md阅读器实现:markdownReader。书写md还是在Rstudio。更…...
termux配置nginx+php
只能以默认用户u0_axx运行,修改用户会报错An error occurred.或者file no found 安装nginx pkg install nginx安装php-fpm pkg install nginx修改nginx配置文件, nano ../usr/etc/nginx/nginx.conf#端口必须设置在1024以上(1024以下需要root,但php-fpm不能以root用户运行,n…...
【顶刊TPAMI 2025】多头编码(MHE)之极限分类 Part 3:算法实现
目录 1 三种多头编码(MHE)实现1.1 多头乘积(MHP)1.2 多头级联(MHC)1.3 多头采样(MHS)1.4 标签分解策略 论文:Multi-Head Encoding for Extreme Label Classification 作者…...
Spring Boot自动装配代码详解
概述 Spring Boot自动装配是其核心特性之一,它能够根据项目中添加的依赖自动配置Spring应用程序。通过自动装配,开发人员可以减少大量的配置工作,快速搭建起一个可用的Spring应用。 关键组件和注解 SpringBootApplication注解 这是Spring Bo…...
H7-TOOL固件2.27发布,新增加40多款芯片脱机烧录,含多款车轨芯片,发布LUA API手册,CAN助手增加负载率,错误状态信息检测
H7-TOOL详细介绍(含操作手册):H7-TOOL开发工具,1拖4/16脱机烧录,高速DAPLINK,RTOS Trace,CAN/串口助手, 示波器, RTT等,支持WiFi,以太网,高速USB和手持 - H7-…...
Socket套接字
Socket工作原理。服务器端通过bind绑定socket,一直监听端口。 当客户端通过conncet方法连接指定计算机的端口,并使用send()向socket中写入信息。 生成套接字,主要有3个参数:通信的目的IP地址、使用的传输层协议(TCP或…...
《学校一卡通管理系统》数据库MySQL的设计与实现
引言:学校一卡通管理系统旨在为学校提供一个高效的数字化管理平台,集中管理学生和教职工的账户、充值、消费、查询等日常事务。通过该系统,学生可以便捷地进行充值、消费及查看余额,管理员则可以高效地管理用户账户、充值记录、消费记录等数据。系统采用MySQL数据库,通过视…...
windows C#-接口中的索引器
可以在接口上声明索引器。 接口索引器的访问器与类索引器的访问器有所不同,差异如下: 接口访问器不使用修饰符。接口访问器通常没有正文。 访问器的用途是指示索引器为读写、只读还是只写。 可以为接口中定义的索引器提供实现,但这种情况非…...
element-plus大版本一样,但是小版本不一样导致页面出bug
npm 的版本 node的版本 npm的源这些都一样,但是效果不一样 发现是element的包版本不一样导致的 2.9.1与2.8.1的源是不一样的,导致页面出bug;...
三甲医院等级评审八维数据分析应用(五)--数据集成与共享篇
一、引言 1.1 研究背景与意义 随着医疗卫生体制改革的不断深化以及信息技术的飞速发展,三甲医院评审作为衡量医院综合实力与服务水平的重要标准,对数据集成与共享提出了更为严苛的要求。在传统医疗模式下,医院内部各业务系统往往各自为政,形成诸多“信息孤岛”,使得数据…...
关于数组的一些应用--------数组作函数的返回值(斐波那契数列数列的实现)
数组在作为函数的返回值,一个很经典的例子就是获取斐波那契数列的前N项 代码思路: 设计思路 输入: 输入一个整数 n,表示要生成斐波那契数列的长度。 输出: 输出一个长度为 n 的整数数组,其中每个元素为斐…...
PWN的知识之栈溢出
栈溢出 什么是栈溢出? 栈溢出(Stack Overflow)是指在程序运行过程中,向栈中存放的数据量超过了栈的最大容量,从而导致程序出现异常行为的情况。可以比作一个箱子原本只能容纳一定数量的物品,如果强行往里…...
智能客户服务:科技如何重塑客户服务体验
在数字化时代,客户对于服务的需求和期望在不断演变。传统的客户服务模式已经难以满足现代消费者对于即时性、个性化和高效性的追求。随着人工智能、大数据、云计算等先进技术的蓬勃发展,智能客户服务应运而生,不仅重塑了客户服务的体验&#…...
HarmonyOS鸿蒙开发 应用开发常见问题总结(持续更新...)
HarmonyOS鸿蒙开发 应用开发常见问题总结(持续更新…) 在学习鸿蒙开发过程中,也是遇到了不少问题,在代码编写过程中,遇到了一些问题,由于是学习阶段,需要时刻记录一下。 If a component attribute supports local in…...
数据结构-单链表(C语言版)
创建一个链表,实现:1.以头结点开始插入数据(头插法)2.以尾节点开始插入数据(尾插法)3.输出链表所存入数据 4.指定位置插入数据 5.指定位置删除数据 #include<stdio.h> #include<stdlib.h> type…...
View Shadcn UI 正式版本 v2024.5.4 发布
亲爱的开发者社区: 我们很高兴地宣布 View Shadcn UI 的正式版本 v2024.5.4 已于 2024 年 12 月 30 日正式发布!View Shadcn UI 是一个基于 Tailwind CSS 构建的 Vue3 组件库,旨在为 Vue3 开发者提供优雅、可定制且易用的 UI 组件。 &#…...
RocketMQ使用场景问题
1.消息丢失 有这么一个场景,就是订单支付完成之后,订单系统会进行发送消息给RocketMQ集群,下游会有积分系统进行监听这个消息,进行消费然后给用户发放积分。在下面的这个场景中,通过查询日志发现了订单系统发送订单支付…...
医院机房运维:所有IT资源运行状态同一平台实时呈现
在当今数字化医疗高速发展的时代,医院的信息化系统已然成为保障医疗服务顺畅开展、守护患者生命健康的关键基础设施。以郑州人民医院为例,随着医疗业务不断拓展,其背后支撑的机房运维面临着诸多棘手难题。 传统的分散式人工维护模式ÿ…...
windows远程桌面无法连接,报错:“由于没有远程桌面授权服务器可以提供许可证,远程会话被中断。请跟服务器管理员联系”
windows远程桌面无法连接,报错:“由于没有远程桌面授权服务器可以提供许可证,远程会话被中断。请跟服务器管理员联系” 问题描述:解决方法:无法删除条目解决如下:正常激活详见:[RDS远程服务激活…...
Spring Boot 各种事务操作实战(自动回滚、手动回滚、部分回滚)
概念 事务定义 事务,就是一组操作数据库的动作集合。事务是现代数据库理论中的核心概念之一。如果一组处理步骤或者全部发生或者一步也不执行,我们称该组处理步骤为一个事务。当所有的步骤像一个操作一样被完整地执行,我们称该事务被提交。…...
[gcc]代码演示-O使用场景
使用场景: 开发阶段: 在开发阶段,通常使用 -O0(无优化)以获得最快的编译速度和最完整的调试信息。这有助于快速迭代和调试。对于性能测试,可以使用 -O1 或 -O2 以获得一些基本的优化,同时保持较…...
conan从sourceforge.net下载软件失败
从sourceforge.net下载软件,经常会没有开始下载就返回了。 原因是: 自动选择的镜像站不能打开。 在浏览器中,我们可以手动选择站点尝试,但是conan就不行了。 手动选择一个站点,能够有文件保存窗口弹出,之后…...
电脑msvcp140.dll是什么文件?怎么修复电脑msvcp140.dll缺失的问题?
电脑msvcp140.dll文件详解及缺失问题修复指南 在探索电脑的奥秘时,我们时常会遇到各种文件、错误代码和系统问题。今天,我将为大家深入解析一个常见的系统文件——msvcp140.dll,以及当这个文件缺失时应该如何进行修复。作为一名在软件开发领…...
基于STM32的热带鱼缸控制系统的设计
文章目录 一、热带鱼缸控制系统1.题目要求2.思路3.电路仿真3.1 未仿真3.2 开始仿真,显示屏显示水温、浑浊度、光照强度等值3.3 当水温低于阈值,开启加热并声光报警3.4 当浑浊度高于阈值,开启自动换水并声光报警3.5 当光照低于阈值,…...
unity学习7:unity的3D项目的基本操作: 坐标系
目录 学习参考 1 unity的坐标系 1.1 左手坐标系 1.2 左手坐标系和右手坐标系的区别 1.3 坐标系的原点(0,0,0) 2 坐标系下的具体xyz坐标 2.1 position这里的具体xyz坐标值 2.2 父坐标 2.3 世界坐标和相对坐标 2.3.1 世界坐标 2.3.2 相对坐标 2.4 父物体,…...
认识一下,轻量消息推送 Server-Sent Events
什么是 SSE(Server-Sent Events) Server-Sent Events(简称 SSE)是一种在浏览器中实现单向实时通信的技术。它允许服务器通过 HTTP 持久连接向客户端发送实时更新的数据流。这种通信模式非常适用于需要频繁向客户端推送数据的场景,例如股票行情更新、实时聊天通知、社交媒…...
Python爬虫入门指南:从零开始抓取数据
Python爬虫入门指南:从零开始抓取数据 引言 在大数据时代,数据是新的石油。而爬虫作为获取数据的重要手段,受到了越来越多的关注。Python作为一门强大的编程语言,其简洁易用的特性使得它成为爬虫开发的首选语言。本篇文章将带你…...
c++ vector 使用find查找指定元素方法
在 C 中,std::vector 是一个动态数组,用于存储同类型元素的序列。如果你想在 std::vector 中查找指定元素,可以使用 std::find 算法。std::find 是定义在 <algorithm> 头文件中的标准库函数。 以下是一个示例代码,展示了如…...
计算机组成原理——控制单元设计
组合逻辑设计...
特征点检测与匹配——MATLAB R2022b
特征点检测与匹配在计算机视觉中的作用至关重要,它为图像处理、物体识别、增强现实等领域提供了坚实的基础。 目录 Harris角点检测 SIFT(尺度不变特征变换) SURF(加速稳健特征) ORB(Oriented FAST and Rotated BRIEF) 总结 特征点检测与匹配是计算机视觉中的一项基…...
在 IntelliJ IDEA 中开发 GPT 自动补全插件
背景与目标 随着 AI 的发展,GitHub Copilot 等智能代码补全工具在开发者中获得了广泛的应用,极大地提高了编程效率。本篇文章将教你如何开发一个 IntelliJ IDEA 插件,使用 OpenAI 的 GPT API 来实现类似 Copilot 的代码自动补全功能。通过这…...
主键有多种设计
1. 自增ID id bigint NOT NULL AUTO_INCREMENT COMMENT 主键ID 优点: 简单直观自动生成递增有序,对索引友好 缺点: 可能暴露业务信息分布式系统下需要特殊处理合并数据时可能冲突 2. UUID/GUID id char(36) NOT NULL COMMENT 主键ID …...
SCT12A0,一款2.7V-14V Vin、30W全集成同步升压转换器
SCT12A0是一款高效率,全集成 13mΩ 高侧MOSFET和11mΩ低侧MOSFET的同步升压转换器,支持 2.7V 至 14V 输入电压范围,最高可达12A 开关电流。开关电流限可以通过外部电阻进行调节。 SCT12A0采用自适应恒定关断时间峰值电流控制以提供快速瞬态。…...
Python 数据结构揭秘:栈与队列
栈(Stack) 定义 栈是一种后进先出(Last In First Out, LIFO)的数据结构。它类似于一个容器,只能在一端进行插入和删除操作。栈有两个主要的操作:push(入栈)和 pop(出栈…...
3、蓝牙打印机按键 - GPIO输入控制
1、硬件 1.1、看原理图 初始高电平,按键按下导通处于低电平状态。 PB8号引脚。 1.2、看手册 a、看系统架构 GPIOB号端口有APB2总线控制 b、RCC使能 RCC->APB2ENR的第3位控制GPIOB使能。 c、GPIOB寄存器配置 浮空输入模式下,I/O的电平状态是不确定…...
LeetCode--复原IP地址(面试手撕算法高频题)
题目描述:有效 IP 地址 正好由四个整数(每个整数位于 0 到 255 之间组成,且不能含有前导 0),整数之间用 . 分隔。 例如:"0.1.2.201" 和 "192.168.1.1" 是 有效 IP 地址,但是 "0.…...