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

HTML那些重要的知识点

文章目录

  • ⭐️写在前面的话⭐️
  • 一、HTML
    • 1.1 锚点链接
      • 跳转到当前页面的指定位置
      • 跳转到其他页面的指定位置
    • 1.2 自定义列表
    • 1.3 表格的跨行跨列
    • 1.4 视频和音频内容
    • 1.5 页面结构规范
    • 1.6 ifram内联框架
    • 1.7 表单
      • 1.7.1 form标签
      • 1.7.2 原生表单部件
      • 1.7.3 下拉框
      • 1.7.4 文本域
      • 1.7.5 文件域
      • 1.7.6 简单验证信息
      • 1.7.7 滑块
      • 1.7.8 搜索框
      • 1.7.9 表单应用
      • 1.7.10 增强鼠标可用性
      • 1.7.11 表单初级验证

⭐️写在前面的话⭐️

📒博客主页: 程序员好冰
🎉欢迎 【点赞👍 关注🔎 收藏⭐️ 留言📝】
📌本文由 程序员好冰 原创,CSDN 首发!
📆入站时间: 🌴2022 年 07 月 13 日🌴
✉️ 是非不入松风耳,花落花开只读书。
💭推荐书籍:📚《Java编程思想》,📚《Java 核心技术卷》
💬参考在线编程网站:🌐牛客网🌐力扣
🍭 作者水平很有限,如果发现错误,一定要及时告知作者哦!感谢感谢!🍭


一、HTML

1.1 锚点链接

锚点链接是超链接中的一种。锚点的妙处之一在于,你可以使用它链接到文档中的某个特定位置。例如,有些网页内容较多,页面过长,用户需要不停的使用浏览器上的滚动条来查看文档中的内容。这时为了增强用户体验,可以在网页中插入锚点链接。

锚点链接的具体使用场景有 2 种:

  • 跳转到当前页面的指定位置

  • 跳转到其他页面的指定位置

跳转到当前页面的指定位置

方法一:不过HTML5已经废弃了name属性。

  1. 在要跳转到的位置所在的标签中添加了id或者name属性,并为其赋值;
  2. 使用 标签设置锚点,href 属性值为#+id#+name属性值。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>锚点链接</title>
</head>
<body><p id="content"></p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><a href="#content">回到顶部</a>
</body>
</html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>锚点设置</title></head><body><a href="#bottom" name="top">去底部</a><div style="height: 5000px; width: 300px; background-color: #123">这里演示如何跳转到页面头部和底部</div><a href="#top" name="bottom">回到顶部</a></body>
</html>

方法二:可以达到同样的效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>锚点链接</title>
</head>
<body><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><p>这是页面内容</p><a href="#top">回到顶部</a>
</body>
</html>

#top,其中#表示位置信息,网页的顶端默认是#top,所以如果是跳转到浏览器的顶端,不需要写锚点的第一步操作,,也就是说不需要为标签设置 id 属性。

注意:href 属性中的 top 也可以省略,不影响正常使用。

跳转到其他页面的指定位置

使用锚点链接,也可以跳转到其他页面的指定位置。与跳转到当前页面的指定位置相比,它需要在#前加上要跳转到的页面的路径。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>index页面</title>
</head>
<body><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><p>index页面</p><h2 id="index">这是h2标题</h2>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>锚点链接</title>
</head>
<body><a href="./index.html#index">跳转到index页面</a>
</body>
</html>

在 标签中,href 属性指向了 index.html 页面中 id 为 index 的标签。点击后,发生相应的跳转。

1.2 自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以

标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以
开始。

  • dl:define list
  • dt:define term
<dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd>
</dl>

1.3 表格的跨行跨列

一般使用元素的colspan属性来实现单元格跨列操作,使用元素的rowspan属性来实现单元格的跨行操作。

colspan属性规定单元格可横跨的列数,所有浏览器都支持colspan属性。其取值为number

image-20230407082415197
<table border="1"><tr><th colspan="3">物资详情说明</th></tr><tr><td colspan="2" align="center">数量(支)</td><td rowspan="2">重量(吨)</td></tr><tr><td>实发数</td>    <td>实收数</td></tr><tr><td>12</td>    <td>10</td><td>100.00</td></tr>
</table>

1.4 视频和音频内容

  • 视频—video
  • 音频—audio
<video src="" controls autoplay width="" height=""></video>
<audio src="" controls autoplay width="" height=""></audio>

1.5 页面结构规范

元素名描述
header页眉部分
footer页脚部分
section一块独立区域
article独立的文章内容
aside侧边栏目录等
nav导航类辅助内容

1.6 ifram内联框架

iframe标签是一个内联框架,即用来在当前 HTML 页面中嵌入另一个文档的,且所有主流浏览器都支持iframe标签。

height可以设置框架显示的高度

  • width可以设置框架显示的宽度
  • name可以定义框架的名称
  • frameborder用来定义是否需要显示边框,取值为1表示需要边框
  • scrolling用来设置框架是否需要滚动条,取值可以是yes,no,auto
  • src用于设置框架的地址,可以使页面地址,也可以是图片地址
  • align用于设置元素对齐方式,取值可以是left,right,top,middle,bottom
<iframe src="" width="" height="" frameborder=""></iframe>

1.7 表单

1.7.1 form标签

元素按照一定的格式定义了表单和确定表单行为的属性。当您想要创建一个 HTML 表单时,都必须从这个元素开始,然后把所有内容都放在里面。

  • action:属性定义了在提交表单时,应该把所收集的数据送给谁(URL)去处理。
  • 属性定义了发送数据的 HTTP 方法(通常是 getpost)。
<form action="" method=""></form>

1.7.2 原生表单部件

主要针对input标签,表单输入元素。

<input> 元素用于为基于 Web 的表单创建交互式控件,以便接受来自用户的数据。取决于设备和用户代理不同,表单可以使用各种类型的输入数据和控件。<input> 元素是目前是 HTML 中最强大、最复杂的元素之一,因为它有大量的输入类型和属性组合。

input的一些属性值

属性说明
type指定元素的类型
name指定表单元素的名称,以便后端使用,同时可以为type中radio和checkbox进行分组
value元素的初始值
size指定表单元素的初始宽度
maxlengthtype为text或password时,输入的最大字符数
checkedtype为radio或checkbox时,指定按钮是否被选中

<input> 的工作方式相当程度上取决于 type 属性的值,不同的 type 值会在各自的参考页中进行介绍。如果未指定此属性,则采用的默认类型为 text

type一些属性值

示例代码描述
text<input type="text">默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符
password<input type="password">定义密码字段。字段中的字符会被遮蔽
button<input type="button">定义可点击的按钮(大多与 JavaScript 使用来启动脚本)
checkbox<input type="checkbox">定义复选框
radio<input type="radio">定义单选按钮
submit<input type="submit">定义提交按钮。提交按钮向服务器发送数据
file<input type="file">定义输入字段和 “浏览…” 按钮,供文件上传
hidden<input type="hidden">定义隐藏输入字段
image<input type="image">定义图像作为提交按钮
reset<input type="reset">定义重置按钮。重置按钮会将所有表单字段重置为初始值
email<input type="email">定义用于 e-mail 地址的文本字段
url<input type="url">定义用于 URL 的文本字段
tel<input type="tel">定义用于电话号码的文本字段
number<input type="number">定义带有 spinner 控件的数字字段
range<input type="range">定义带有 slider 控件的数字字段
search<input type="search">定义用于搜索的文本字段
color<input type="color">定义拾色器
date<input type="date">定义日期字段(带有 calendar 控件)
datetime<input type="datetime">定义日期字段(带有 calendar 和 time 控件)
datetime-local<input type="datetime-local">定义日期字段(带有 calendar 和 time 控件)
month<input type="month">定义日期字段的月(带有 calendar 控件)
week<input type="week">定义日期字段的周(带有 calendar 控件)
time<input type="time">定义日期字段的时、分、秒(带有 time 控件)

详细说明:

  • :如果一个input没有type属性,那么它会是默认type=“text”。没有什么特别的,就是允许输入文本,简单明了。
  • :顾名思义,在用户输入密码的时候建议使用这个属性而非text,使用了这个属性,用户输入的文字将会变成*,我们是看不到的,当然,传给后台会是用户输入的文本。有些手机端上不会一开始就是*,而是会短暂的明文显示用户输入的最后一个字符,然后才是*。
  • :一个按钮,表单按钮,和单纯的元素相比,没有使用CSS方便,所以如果你不是想用这个按钮去重置(reset)或者提交(submit),并且为了和传统的表单风格相比配的话,建议你都使用而不是,再按钮上添加文字,使用value属性
  • :复选框,默认是小方格,可以选择多个。
  • :单选框,默认是小圆圈,只能选择一个,为了达到单选的效果,需要对其进行分组,使用name属性
  • :通常被认为是一个提交按钮,当点击此按钮时,提交本表单的数据。
  • :这个类型和其他的不同,其他无非是一些选择,或者输入文本,而这个属性,是为了能让用户上传本地文件。
  • :该属性是用来隐藏掉该表单控件。
  • :该属性接受所有,将会像submit一样提交图片,如果想上传图片,照片,不妨使用这个属性。
  • :重置按钮,点了这个按钮,表单的数据全部重置,也就是清空的意思。慎用!

1.7.3 下拉框

select

  • 实际上,multiple 和 size 这两个属性只要设置了其中一个,下拉列表就可以显示多项。如果只设置 size,而不设置 multiple,得到的是一个不允许多选但是可以显示多项的下拉列表;
  • < select> 标签的 name 属性不显示在页面上,主要用来提交数据;
  • < option> 标签的 value 属性也不显示在页面上,主要用来定义提交给服务器的值;
  • < option> 标签的 disabled 属性禁用的是列表中的某一项;
  • < select > 标签的 disabled 属性禁用的是整个列表。
<form action="http://vip.biancheng.net/login.php" method="post">年龄区间: <select name="selectList" multiple><option selected="selected" value="underage">18岁以下</option><option value="teens">18-28岁</option><option selected="selected" value="youth">28-38岁</option><option value="more">38岁以上</option></select>
</form>
image-20230408090457869

1.7.4 文本域

<form action="#" method="post">文本域:<br /><br /><textarea id="text1" name="description">默认大小 </textarea><br /><br /><textarea id="text2" name="description">使用width属性和height属性设置文本域的宽度为200px,高度为200px。</textarea>
</form>
image-20230408090839293

1.7.5 文件域

注意1:文件域用来选择文件,还需要一个上传按钮

注意2:此处有两个name,上传文件是将文件提交给了文件域对应的files 并非按钮所对应的upload。也就是说选择文件后value=所上传的文件,上传后files=所上传的文件

参考:这个文章

<p>文件域: 	<input type="file" name="files"> 	<input type="button" value="上传" name="upload"> 	
</p>

1.7.6 简单验证信息

  • 邮箱验证
<p>邮箱:<input type="email" name="email">
</p>

邮箱:

  • URL验证
<p>URL:<input type="email" name="email">
</p>

URL:

  • 数字验证
<p>数字:<input type="number" name="number" max="100" min="0" step="10">
</p>

数字:

1.7.7 滑块

  • max - 规定允许的最大值。
  • min - 规定允许的最小值。
  • step - 规定合法数字间隔。
  • value - 规定默认值。
<p>音量:<input type="range" name="音量" id="range" value="20" min="0" max="200" step="1">
</p>

音量:

1.7.8 搜索框

<p><input type="search" name="search"> <button type="button">搜索</button>
</p>

搜索

1.7.9 表单应用

属性作用说明
readonly只读默认value中的值,不允许修改
disabled禁用单选框中,禁用男,只能选择女
hidden隐藏隐藏某个标签,但实际是存在的
value默认值通用

1.7.10 增强鼠标可用性

当用户将鼠标移至邮箱文字区域,同样可以触发文本框,进行输入。

image-20230408095952979

for 属性规定 label 与哪个表单元素绑定。

html中 for属性的作用是关联的作用,一般是和表单中某个控件的id属性一直,表示关联此控件

<p><label for="mark">你点我试试</label><input id="mark">
</p>

1.7.11 表单初级验证

1、可以减轻服务器的压力

2、为了数据安全性

3、为了提交性能,减少垃圾数据的提交

  • placeholder:很多时候文本框的提示信息可以帮助人们更好更快的进行浏览,我们可以可以placeholder来给用户提示信息,比如我们写一个个签,提示信息为请填写你的个性签名。
image-20230408102023458
  • required:很多时候都会有必填选项,比如平时在学校填的问卷,我们使用required属性即可判断是否非空。
  • pattern:正则表达式,我们可以自定义一个验证方式,比如我们需要填写邮箱,不使用html的email,而是使用pattern。

速查正则表达式

image-20230408102251254

<p>自定义邮箱:<input type="text" name="My_email" pattern="/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$//^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/或\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">
</p>

🚀先看后赞,养成习惯!🚀

🚀 先看后赞,养成习惯!🚀

🎈觉得文章写得不错的老铁们,点赞评论关注走一波!谢谢啦!🎈


相关文章:

HTML那些重要的知识点

文章目录 ⭐️写在前面的话⭐️一、HTML1.1 锚点链接跳转到当前页面的指定位置跳转到其他页面的指定位置 1.2 自定义列表1.3 表格的跨行跨列1.4 视频和音频内容1.5 页面结构规范1.6 ifram内联框架1.7 表单1.7.1 form标签1.7.2 原生表单部件1.7.3 下拉框1.7.4 文本域1.7.5 文件域…...

《优化接口设计的思路》系列:第四篇—接口的权限控制

系列文章导航 《优化接口设计的思路》系列&#xff1a;第一篇—接口参数的一些弯弯绕绕 《优化接口设计的思路》系列&#xff1a;第二篇—接口用户上下文的设计与实现 《优化接口设计的思路》系列&#xff1a;第三篇—留下用户调用接口的痕迹 《优化接口设计的思路》系列&#…...

BI系统上的报表怎么导出来?附方法步骤

在BI系统上做好的数据可视化分析报表&#xff0c;怎么导出来给别人看&#xff1f;方法有二&#xff0c;分别是1使用报表分享功能&#xff0c;2使用报表导出功能。下面就以奥威BI系统为例&#xff0c;简明扼要地介绍这两个功能。 1、报表分享功能 作用&#xff1a; 让其他同事…...

电脑WIFI突然消失

文章目录 1. 现象2. 解决办法1&#xff1a;重新启用无线网卡设置3. 解决办法2&#xff1a;更新无线网卡驱动4. 解决办法3&#xff1a;释放静电5. 解决办法4&#xff1a;拆机并重新插拔无线网卡 1. 现象 如下图&#xff1a;电脑在使用过程中WIFI消失 设备管理器中的无线网卡驱…...

http的get与post

get方法&#xff1a; 这个网址可以获取配置信息&#xff08;我把部分位置字符改了&#xff0c;现在打不开了&#xff0c;不然会被追责&#xff09; http://softapi.s103.cn/addons/Kmdsoft/Index/config?productwxdk&partner_id111122&osWindows&os_version11&am…...

MySQL 8 和 MySQL 5.7 在自增计数上的区别

MySQL 8 和 MySQL 5.7 在自增计数上的区别 作者&#xff1a;Arunjith Aravindan 本文来源&#xff1a;Percona 博客&#xff0c;爱可生开源社区翻译。 本文约 900 字&#xff0c;预计阅读需要 2 分钟。 Auto-Increment 自增&#xff08;Auto-Increment&#xff09;计数功能可以…...

Linux系统之links和elinks命令的基本使用

Linux系统之links和elinks命令的基本使用 一、links与elinks命令介绍1. links命令简介2. elinks命令简介 二、links与elinks命令区别三、links命令选项解释四、links命令的基本使用1. links安装2. 查看links版本3. 图形模式打开网址4. 直接使用links命令5. 打印url版本到标准格…...

【00】FISCO BCOS区块链简介

官方文档&#xff1a;https://fisco-bcos-documentation.readthedocs.io/zh_CN/latest/docs/introduction.html FISCO BCOS是由国内企业主导研发、对外开源、安全可控的企业级金融联盟链底层平台&#xff0c;由金链盟开源工作组协作打造&#xff0c;并于2017年正式对外开源。 F…...

NPDP产品经理认证怎么报名?考试难度大吗?

PMDA&#xff08;Product Development and Management Association&#xff09;是美国产品开发与管理协会&#xff0c;在中国由中国人才交流基金会培训中心举办NPDP&#xff08;New Product Development Professional&#xff09;考试&#xff0c;该考试是产品经理国际资格认证…...

免杀技术,你需要学习哪些内容

免杀技术&#xff0c;你需要学习哪些内容&#xff1f; 什么是免杀&#xff1f; 免杀是指通过各种技术手段使恶意软件或病毒能够逃避杀毒软件的检测和阻止&#xff0c;成功地感染目标系统。免杀技术是黑客和恶意软件开发者常用的手段之一&#xff0c;用于隐藏恶意代码并绕过安…...

odoo16 取消“系统各功能状态日报”的邮件

odoo16默认情况下每周都会发送一个“系统各功能状态日报”的邮件&#xff0c;而且是所有人都发&#xff0c; 这个功能在哪配置呢&#xff1f; 今天研究了一下&#xff0c; 线索是“系统各功能状态日报”&#xff0c;先全文检索吧 #. module: digest #: model:digest.digest,na…...

[C++ 网络协议] Windows中的线程同步

目录 1. 用户模式(User mode)和内核模式(Kernal mode) 2. 用户模式的同步(CRITICAL_SECTION) 3. 内核模式同步 3.1 互斥量 3.2 信号量 3.3 事件对象 4. 实现Windows平台的多线程服务器端 1. 用户模式(User mode)和内核模式(Kernal mode) Windows操作系统的运行方式是“…...

JavaScript 基础第三天笔记

JavaScript 基础第三天笔记 if 多分支语句和 switch的区别&#xff1a; 共同点 都能实现多分支选择&#xff0c; 多选1大部分情况下可以互换 区别&#xff1a; switch…case语句通常处理case为比较确定值的情况&#xff0c;而if…else…语句更加灵活&#xff0c;通常用于范围…...

NebulaGraph实战:3-信息抽取构建知识图谱

自动信息抽取发展了几十年&#xff0c;虽然模型很多&#xff0c;但是泛化能力很难用满意来形容&#xff0c;直到LLM的诞生。虽然最终信息抽取质量部分还是需要专家审核&#xff0c;但是已经极大的提高了信息抽取的效率。因为传统方法需要大量时间来完成数据清洗、标注和训练&am…...

一百八十二、大数据离线数仓完整流程——步骤一、用Kettle从Kafka、MySQL等数据源采集数据然后写入HDFS

一、目的 经过6个月的奋斗&#xff0c;项目的离线数仓部分终于可以上线了&#xff0c;因此整理一下离线数仓的整个流程&#xff0c;既是大家提供一个案例经验&#xff0c;也是对自己近半年的工作进行一个总结。 二、项目背景 项目行业属于交通行业&#xff0c;因此数据具有很…...

工具篇 | H2数据库的使用和入门

引言 1.1 H2数据库概述 1.1.1 定义和特点 H2数据库是一款以 Java编写的轻量级关系型数据库。由于其小巧、灵活并且易于集成&#xff0c;H2经常被用作开发和测试环境中的便利数据库解决方案。除此之外&#xff0c;H2也适合作为生产环境中的嵌入式数据库。它不仅支持标准的SQL…...

PHP脚本导出MySQL数据库

背景&#xff1a;有时候需要同步数据库的表结构和部分数据&#xff0c;同步全表数据非常大&#xff0c;也不适合。还有一个种办法是使用数据库的dump命令执行备份&#xff0c;无法进入服务器&#xff1f;没有权限怎么办&#xff1f; 这里只要能访问服务器中的 information_sch…...

生成随机单据号

背景&#xff1a;全局生成4位字符2222-9ZZ9 实现方式&#xff1a; 使用redis的原子自增 google的retry保证&#xff0c;生成4位数 1、pom <dependency><groupId>com.github.rholder</groupId><artifactId>guava-retrying</artifactId><v…...

【计算机网络笔记五】应用层(二)HTTP报文

HTTP 报文格式 HTTP 协议的请求报文和响应报文的结构基本相同&#xff0c;由四部分组成&#xff1a; ① 起始行&#xff08;start line&#xff09;&#xff1a;描述请求或响应的基本信息&#xff1b;② 头部字段集合&#xff08;header&#xff09;&#xff1a;使用 key-valu…...

安装Python3.x--Windows

1 下载安装包 确定安装是干什么&#xff0c;要下哪个版本&#xff08;如果是配置项目环境&#xff0c;最好按项目需求的版本来装&#xff09; 1.1 官网链接 https://www.python.org 最新版本 指定版本 2 安装说明 点击下载exe&#xff0c;运行自定义安装路径&#xff0c;下…...

Linux 文件类型,目录与路径,文件与目录管理

文件类型 后面的字符表示文件类型标志 普通文件&#xff1a;-&#xff08;纯文本文件&#xff0c;二进制文件&#xff0c;数据格式文件&#xff09; 如文本文件、图片、程序文件等。 目录文件&#xff1a;d&#xff08;directory&#xff09; 用来存放其他文件或子目录。 设备…...

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制 指定固定的延迟级别 通过在Message中设定一个MessageDelayLevel参数&#xff0c;对应18个预设的延迟级别指定时间点的延迟级别 通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

css3笔记 (1) 自用

outline: none 用于移除元素获得焦点时默认的轮廓线 broder:0 用于移除边框 font-size&#xff1a;0 用于设置字体不显示 list-style: none 消除<li> 标签默认样式 margin: xx auto 版心居中 width:100% 通栏 vertical-align 作用于行内元素 / 表格单元格&#xff…...

听写流程自动化实践,轻量级教育辅助

随着智能教育工具的发展&#xff0c;越来越多的传统学习方式正在被数字化、自动化所优化。听写作为语文、英语等学科中重要的基础训练形式&#xff0c;也迎来了更高效的解决方案。 这是一款轻量但功能强大的听写辅助工具。它是基于本地词库与可选在线语音引擎构建&#xff0c;…...

【Elasticsearch】Elasticsearch 在大数据生态圈的地位 实践经验

Elasticsearch 在大数据生态圈的地位 & 实践经验 1.Elasticsearch 的优势1.1 Elasticsearch 解决的核心问题1.1.1 传统方案的短板1.1.2 Elasticsearch 的解决方案 1.2 与大数据组件的对比优势1.3 关键优势技术支撑1.4 Elasticsearch 的竞品1.4.1 全文搜索领域1.4.2 日志分析…...

【大模型】RankRAG:基于大模型的上下文排序与检索增强生成的统一框架

文章目录 A 论文出处B 背景B.1 背景介绍B.2 问题提出B.3 创新点 C 模型结构C.1 指令微调阶段C.2 排名与生成的总和指令微调阶段C.3 RankRAG推理&#xff1a;检索-重排-生成 D 实验设计E 个人总结 A 论文出处 论文题目&#xff1a;RankRAG&#xff1a;Unifying Context Ranking…...

Redis上篇--知识点总结

Redis上篇–解析 本文大部分知识整理自网上&#xff0c;在正文结束后都会附上参考地址。如果想要深入或者详细学习可以通过文末链接跳转学习。 1. 基本介绍 Redis 是一个开源的、高性能的 内存键值数据库&#xff0c;Redis 的键值对中的 key 就是字符串对象&#xff0c;而 val…...

基于Python的气象数据分析及可视化研究

目录 一.&#x1f981;前言二.&#x1f981;开源代码与组件使用情况说明三.&#x1f981;核心功能1. ✅算法设计2. ✅PyEcharts库3. ✅Flask框架4. ✅爬虫5. ✅部署项目 四.&#x1f981;演示效果1. 管理员模块1.1 用户管理 2. 用户模块2.1 登录系统2.2 查看实时数据2.3 查看天…...

Qt/C++学习系列之列表使用记录

Qt/C学习系列之列表使用记录 前言列表的初始化界面初始化设置名称获取简单设置 单元格存储总结 前言 列表的使用主要基于QTableWidget控件&#xff0c;同步使用QTableWidgetItem进行单元格的设置&#xff0c;最后可以使用QAxObject进行单元格的数据读出将数据进行存储。接下来…...

Yolo11改进策略:Block改进|FCM,特征互补映射模块|AAAI 2025|即插即用

1 论文信息 FBRT-YOLO&#xff08;Faster and Better for Real-Time Aerial Image Detection&#xff09;是由北京理工大学团队提出的专用于航拍图像实时目标检测的创新框架&#xff0c;发表于AAAI 2025。论文针对航拍场景中小目标检测的核心难题展开研究&#xff0c;重点解决…...