实体字符（转义字符）

常用：

• ：半个英语字母英文空格
•   ： 一个汉字中文空格
• < ：小于号
• > ：大于号
• & ：& 符号
• ： 叉号
• ：￥ 人民币符号
• $ ：美元符号

样式/节 标签（style、dev、span）

作用：用于页面的布局，可以把页面分成一块一块的

页面的流行的布局方式：div 标签和 span 标签 + CSS

div 标签和 span 标签一般都是和 CSS（层叠样式表）一起使用，否则没有意义

常用标签：

• ：定义文档的样式信息（CSS）

• ：行级（间）标签，会霸占 html 中的一行

• ：行内标签，只会占用一行中的一部分（占用的大小和里边的内容多少有关）

按钮标签

html 有两种按钮：

• button 按钮

  button 按钮的按钮文字（按钮名称）就是 和 间的内容

  button>按钮文字button>
  

• input 按钮

  input 按钮的按钮文字是由 value 属性控制的，是 value 属性的属性值

  input type="button value="按钮一" />
  

form 表单标签

form 表单常用标签

• ：定义一个 HTML 表单，用于用户输入

  单独书写没有意义，需要配合子标签一起使用

  常用属性：

  • action：设置表单提交的路径，路径一般都是 java 中的某一个类（没有服务器，写 #）
  • method：设置表单的提交方式（get，post），不写 method 默认都是 get 方法

  示例：

• ：form 标签的子标签，定义一个输入控件。

  用于获得用户输入信息，type 属性值不同，搜集方式不同。

  type 属性：

  • text：普通文本（一行）

  • password：密码输入框，里边的密码以黑色的小圆点显示

  • radio：单选框

    注：

    • 搭配属性 name：给标签设置一个名字

    • 同名的 radio 标签互斥，只能选择一个

    • 表单标签的属性 checked：可以给单选框|多选框设置一个默认选中的值

      示例：

  • checkbox：多选框

  • file：上传文件

  • image：上传图片使用

    配合属性：

    • src：设置要上传图片的路径
    • height：设置图片的高度，单位像素
    • width：设置图片的宽度，单位像素

    示例：

  • hidden：隐藏域，存储数据使用，不会在浏览器页面显示

    配合属性 value：给标签添加默认值

    示例：

  • button：普通按钮，配合 js 使用

    配合属性 value：给标签添加默认值

    示例：

  • reset：重置按钮，把表单恢复到默认状态（清空表单）

  • submit：提交按钮

    根据 form 标签的属性 action 路径，把表单的数据，提交到服务器

• ：form 标签的子标签，定义选择列表（下拉列表）

  可以让用户在多个值中选择一个

  注意：需要配合子标签 option（下拉选的列表项）一起使用

  select 标签的常用属性：

  • name 属性：发送给服务器的名称

  • multiple 属性：不写默认单选，取值为“multiple”表示多选。

    示例：

    一般不用多选

  • size 属性：多选时，可见选项的数目。

  ：select 标签的子标签，定义选择列表中的选项，即下拉列表中的一个选项（一个条目）

  option 标签的属性：

  • selected 属性：勾选当前列表项
  • value 属性：发送给服务器的选项值

• ：form 标签的子标签，定义多行的文本输入控件，可以让用户输入多行文本

  常用属性：

  • rows：设置文本域默认显示的行数

• cols：设置文本域默认显示的列数

  注：多行文本域使用的不是特别多，已经被文本编辑器给取代了

form 表单的通用属性

• name 属性：元素名

  如果需要表单数据提交到服务器，必须提供 name 属性值，服务器通过属性值获得提交的数据。

• value 属性：设置 input 标签的默认值。submit 和 reset 为按钮显示为按钮名称

  注意：除了文本输入域（text，password，textarea）外的其他标签需要设置 value 属性值

• checked 属性：单选框或复选框被选中

• readonly 属性：是否只读

• disabled 属性：是否可用

• placeholder 属性：html5 的新特性，给标签添加一个默认值。输入数据隐藏默认值，删除数据会显示默认值

form 表单的提交方式

form 标签的 method 属性，可以设置表单的提交方式

• get（不写 method 属性，默认）：当点击提交按钮的时候，会把表单中的数据追加到浏览器的地址栏中提交到服务器

  格式：xxx.html?k=v&k=v

  • 会在 .html 的后边添加一个 ?，? 后边就是表单中提交的数据

  • 数据是以键值对的方式提交的，多个键值对之间使用 & 符号连接

  • 健值对：k=v

    • k：标签的 name 属性值

      name=“username”，则 k => username

      name=“password”，则 k=> password

    • v：标签的 value 属性值，文本输入框则输入框中输入的内容

      value=“男”，则 v ==> 男

      注意：除了文本输入框，其他的标签若要在提交时发送到服务器，必须有 value 属性值

  示例：

  • 标签：
  • 提交后地址栏：...form表单的提交方式.html?username=rose&password=4321&sex=on&hobby=喝酒&city=杭州#

  弊端：

  • 把数据追加到浏览器的地址栏中，会暴漏敏感信息（密码）
  • 浏览器的地址栏的长度是有限制的，提交的数据大小有限制，不能提交大的文件（最多能提交几 kb 的数据）

• post：会把提交的数据隐藏在请求服务器的请求体中（java web）

  好处：

  • 安全，用于无法直接看到提交的数据
  • 可以提交大的文件

入门案例

DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>form表单标签的属性title>
head>
body>
    form action="#" method="get">
        请输入用户名:input type="text" name="username" value="张三"/>br/>
        请输入用户名:input type="text" name="username" value="张三" readonly="readonly"/>br/>
        请输入用户名:input type="text" name="username" value="张三" disabled="disabled"/>br/>
        hr/>
        用户名:input type="text" name="username" placeholder="请输入姓名"/>br/>
        密码:input type="password" name="password" placeholder="请输入密码"/>br/>
        请选择您的出生日期:input type="date" name="date">br/>

        请选择您的性别:
        男input type="radio" name="sex" checked="checked" value="男">
        女input type="radio" name="sex" value="女">br/>
        
        请选择您的爱好:
        抽烟input type="checkbox" name="hobby" value="抽烟">
        喝酒input type="checkbox" name="hobby" value="喝酒">
        烫头input type="checkbox" checked="checked" name="hobby" value="烫头">br/>

        select name="city">
            option value="bj">北京option>
            option value="sh">上海option>
            option>广州option>
            option>深圳option>
            option selected="selected">杭州option>
        select>

        select name="city" multiple="multiple">
            option value="bj">北京option>
            option value="sh">上海option>
            option>广州option>
            option>深圳option>
            option selected="selected">杭州option>
        select>

        select name="city" multiple="multiple" size="2">
            option value="bj">北京option>
            option value="sh">上海option>
            option>广州option>
            option>深圳option>
            option selected="selected">杭州option>
        select>
    form>
body>
html>

全局属性

详见：传送门

常见全局属性：

• class ：规定元素的类名（classname）
• id ：规定元素的唯一 id
• title ：规定元素的额外信息（可在工具提示中显示）
• draggable ：指定某个元素是否可以拖动

HTML 事件属性

HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。

表单事件

表单事件在 HTML 表单中触发 （适用于所有 HTML 元素，但该 HTML 元素需在 form 表单内）：

属性	值	描述	备注
onblur	script	当元素失去焦点时运行脚本
onchange	script	当元素改变时运行脚本
oncontextmenu	script	当触发上下文菜单时运行脚本	New
onfocus	script	当元素获得焦点时运行脚本
onformchange	script	当表单改变时运行脚本	New
onforminput	script	当表单获得用户输入时运行脚本	New
oninput	script	当元素获得用户输入时运行脚本	New
oninvalid	script	当元素无效时运行脚本	New
onreset	script	当表单重置时运行脚本。HTML 5 不支持。
onselect	script	当选取元素时运行脚本
onsubmit	script	当提交表单时运行脚本

键盘事件

属性	值	描述
onkeydown	script	当按下按键时运行脚本
onkeypress	script	当按下并松开按键时运行脚本
onkeyup	script	当松开按键时运行脚本

鼠标事件

通过鼠标触发事件，类似用户的行为

属性		值	描述	备注
onclick		script	当单击鼠标时运行脚本
ondblclick		script	当双击鼠标时运行脚本
ondrag		script	当拖动元素时运行脚本	New
ondragend		script	当拖动操作结束时运行脚本	New
ondragenter		script	当元素被拖动至有效的拖放目标时运行脚本	New
ondragleave		script	当元素离开有效拖放目标时运行脚本	New
ondragover		script	当元素被拖动至有效拖放目标上方时运行脚本	New
ondragstart		script	当拖动操作开始时运行脚本	New
ondrop		script	当被拖动元素正在被拖放时运行脚本	New
onmousedown		script	当按下鼠标按钮时运行脚本
onmousemove		script	当鼠标指针移动时运行脚本
onmouseout		script	当鼠标指针移出元素时运行脚本
onmouseover		script	当鼠标指针移至元素之上时运行脚本
onmouseup		script	当松开鼠标按钮时运行脚本
onmousewheel		script	当转动鼠标滚轮时运行脚本	New
onscroll		script	当滚动元素的滚动条时运行脚本	New

其他事件

详见：传送门

• 窗口事件属性

  由窗口触发该事件（适用于 标签）

• 多媒体事件

  通过视频（videos），图像（images）或者音频（audio） 触发该事件，多应用于 HTML 媒体元素比如 ，，， 和

字符集

字符集的介绍及基本使用

• HTML charset 属性

  如需正确地显示 HTML 页面，浏览器必须知道使用何种字符集。 网页中的字符集使用 标签来指定：

  meta charset="UTF-8">
  

  注：

  • H5 默认的字符集编码：UTF-8，之前的大部分默认的字符编码为：ISO-8859-1

  • 万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字，大写和小写英文字母表，以及一些特殊字符。

    由于很多国家使用的字符并不属于 ASCII，大多数浏览器默认的字符集是 ISO-8859-1，再后来默认为 UTF-8

    完整的 ASCII 参考手册

    完整的 ISO-8859-1 参考手册

• ISO 字符集

  ISO 字符集是国际标准组织（ISO）针对不同的字母表/语言定义的标准字符集。

  世界各地使用的不同字符集详见 传送门

• Unicode 标准

  由于 ISO 字符集都有容量限制，而且不兼容多语言环境，Unicode 联盟开发了 Unicode 标准。

  Unicode 标准涵盖了世界上的所有字符、标点和符号。

  不论是何种平台、程序或语言，Unicode 都能够进行文本数据的处理、存储和交换。

  Unicode 可以被不同的字符集兼容。最常用的编码方式是 UTF-8 和 UTF-16

  字符集	描述
  UTF-8	UTF8 中的字符可以是 1-4 个字节长。UTF-8 可以表示 Unicode 标准中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是网页和电子邮件的首选编码。
  UTF-16	16 比特的 Unicode 转换格式是一种 Unicode 可变字符编码，能够对全部 Unicode 指令表进行编码。UTF-16 主要被用于操作系统和环境中，比如微软的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字节代码环境。

  注：

  • 最前面的 256 个 Unicode 字符集字符对应于 256 个 ISO-8859-1 字符
  • 所有 HTML 4 浏览器都已支持 UTF-8，而所有 XHTML 和 XML 处理器支持 UTF-8 和 UTF-16

• UTF-8 字符

  很多 UTF-8 字符无法在键盘上输入，但可以使用数字（称为实体编号）来表示：A 为 65，B 为 66，C 为 67

  注意：实体编号需要以 开头并以分号 ; 结尾，这样才能正确显示一个字符。

  DOCTYPE html>
  html>
  head>
  meta charset="UTF-8">
  head>
  body>
   
  p>显示结果： A B Cp>
  p>显示结果： A B Cp>
   
  body>
  html>
  

Emoji

• Emoji 是来自 UTF-8 字符集的字符：

  表情符号（英语：emoji，日语：絵文字／えもじ emoji），是使用在网页和聊天中的形意符号，最初是日本在无线通信中所使用的视觉情感符号（图画文字）。表情意指面部表情，图标则是图形标志的意思，可用来代表多种表情，如笑脸表示笑、蛋糕表示食物等。 Emoji 看起来像一张图片或图标，其实不是。

  Emoji 实际上是 UTF-8 (Unicode) 字符集上的字符。UTF-8 几乎涵盖了世界上所有的字符和符号。

• Emoji 是字符，但无法在键盘上输入，可以使用数字（称为实体编号）来使用它：

  DOCTYPE html>
  html>
  head>
  meta charset="UTF-8">
  head>
  body>
   
  h1>Emoji 标签符号h1>
  p>可以通过 font-size 属性，像设置字体大小一样，设置表情的大小。p>
  p style="font-size:48px">
     
  p>
   
  body>
  html>
  

• Emoji 表情符号

  下表列出来一些 Emoji 表情符号：

  Emoji	值

URL 编码

• URL 编码会将字符转换为可通过因特网传输的格式。

• URL 只能使用 ASCII 字符集 来通过因特网进行发送。

  由于 URL 常常会包含 ASCII 集合之外的字符，URL 必须转换为有效的 ASCII 格式。

  URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。

  URL 不能包含空格。URL 编码通常使用 + 来替换空格。

• ASCII 字符 URL 编码参考手册：传送门

$(function() {
setTimeout(function () {
var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode');
if (mathcodeList.length > 0) {
for (let i = 0; i < mathcodeList.length; i++) {
if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) {
var alt = mathcodeList[i].alt;
alt = '(' + alt + ')';
var curSpan = $('');
curSpan.text(alt);
$(mathcodeList[i]).before(curSpan);
$(mathcodeList[i]).remove();
}
}
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}
}, 1000)
});




优惠劵







墨鸦_Cormorant

关注
关注
• 
  
  
  
  28
  

  点赞

• 
  
  

  踩

• 
  
  
  
  29
  

  
  收藏
  

  觉得还不错?
  
  一键收藏
  
  

• 
  

  打赏
• 
  知道了

  
  
  18
  

  评论

• 

  

  HTML 入门指南

  HTML 入门指南

  复制链接

  扫一扫
专栏目录
调用HTML5的Canvas API绘制图形的快速入门指南

01-19

1. Canvas元素以下html代码定义了一个canvas元素。
XML/HTML Code复制内容到剪贴板
html>
html>

JSON 入门指南

03-24

JSON 入门指南
JSON即JavaScript Object Notation，它是一种轻量级的数据交换格式，非常适合服务器与JavaScript的交互。

尽管有许多宣传关于XML如何拥有跨平台，跨语言的优势，然而，除非应用于Web Services，否则，在普通的Web应用中，开发者经常为XML的解析伤透了脑筋，无论是服务器端生成或处理XML，还是客户端用JavaScript解析XML，都常常导致复杂的代码，极低的开发效率。实际上，对于大多数Web应用来说，他们根本不需要复杂的XML来传输数据，XML的扩展性很少具有优势，许多AJAX应用甚至直接返回HTML片段来构建动态Web页面。和返回XML并解析它相比，返回HTML片段大大降低了系统的复杂性，但同时缺少了一定的灵活性。

现在，JSON为Web应用开发者提供了另一种数据交换格式。让我们来看看JSON到底是什么，同XML或HTML片段相比，JSON提供了更好的简单性和灵活性。

18条评论
您还未登录，请先
登录
后发表或查看评论

萌新的HTML5 入门指南

01-22

本文由葡萄城技术团队原创并首发
作者：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。
什么是HTML5？
广义上的HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。
但我们在日常中常说

HTML基础入门指南

03-25

本篇主要是从零讲解了HTML入门，都是最基础的知识，方便初学者从零学起。

HTML+CSS+JavaScript编程入门指南

12-30

下载文件是HTML+CSS+JavaScript编程入门指南这本书的示例代码，全书分HTML，CSS与JavaScript三个部分，然后结合三个部分用项目说明应用方法。各部分的代码展示了三种语言的使用方法，可以搭配webstorp执行

html中如何给input输入框这个一个默认值

Dxy1239310216的博客

02-18

299


用户可以在这个输入框中编辑或删除这个默认值，并且当表单提交时，将发送用户输入或修改后的值（如果输入框为空，则不发送任何值）。，这意味着当页面加载时，这个输入框将显示“这是默认值”这个文本。输入框设置一个默认值，你可以使用。，表示这是一个文本输入框。

html的无语义标签：div & span

m0_73740682的博客

02-19

155


html的无语义标签:div标签和span标签的学习

HTML单击图片独立放大

qq_68725483的博客

02-16

248


调用 JavaScript 中的 showModal() 函数来显示模态框。模态框的关闭通过模态框本身的 onclick 事件调用 JavaScript 中的 hideModal() 函数来实现。类定义了模态框中图片的样式，包括最大宽度和最大高度，并将其在水平和垂直方向上居中。的样式，添加了模态框的固定定位、背景颜色和透明度等属性。在HTML中，使用 标签来展示图片。首先，我们通过CSS定义了一个名为。其次，.modal-image。

html的表格标签

m0_73740682的博客

02-15

726


html的表格标签的学习

用纯HTML写一个凭证并打印

技术刚刚好

02-18

444


24. `document.getElementById("currentDate").innerText = year + "年" + month + "月" + day + "日";12. `.headStyle { ... }`、`.headTitleLift { ... }`、`.title { ... }`等：定义了一些自定义样式，用于配水单头部和表格的布局。11. `@media print { ... }`：定义在打印模式下的样式，这里设置了`.no-print`类在打印时不显示。

前端秘法基础式(HTML)(第二卷)

lmy050813的博客

02-15

600


用来完成与用户的交互,例如登录系统。

用HTML和CSS打造跨年烟花秀视觉盛宴

@HNUSTer的博客

02-16

991


这段代码用于构建一个具有烟花秀效果的网页，并通过样式表定义了各个元素的外观和布局。整个页面的布局和样式通过HTML和CSS实现，通过引入外部资源来美化页面。最终效果是一个具有烟花秀效果的网页，用户可以在此网页上观看跨年烟花秀。

HTML 超文本标记语言

m0_64621282的博客

02-12

1784


页面制作的标准语言：HTML。超文本标记语言 HTML (HyperText Markup Language) 是一种制作万维网页面的标准语言，它消除了不同计算机之间信息交流的障碍，是万维网的重要基础[RFC 2854]。

在线黑色响应式全屏滚动主页html源码

02-16

589


html5黑色大气的个人博客全屏滚动个人主页源码。直接上传服务器空间就可使用。

HTML动态彩虹字

qq_68725483的博客

02-16

354


【代码】HTML动态彩虹字。

HTML世界核心

最新发布

m0_73514785的博客

02-19

602


项目 1

描述项目 1

项目 2描述项目 2

解决Typora导出HTML不显示图片

Keven_6的博客

02-11

700


Typora导出HTML不显示图片，可能时图片存放在我们的硬盘中。我们可以将markdown中的图片转化为base64格式，嵌入到html中。

html table表格动态显示

m0_58361435的博客

02-19

211


【代码】html table表格动态显示。

HTML板块左右排列布局——左侧 DIV 固定宽度，右侧 DIV 自适应宽度，填充满剩余页面

qq_68725483的博客

02-18

265


我们可以借助CSS中的 float 属性来实现。

html+css+javascript编程入门指南pdf

10-20

HTML、CSS和JavaScript是现代网页开发的三大基石。HTML是一种用于构建网页结构的标记语言，通过使用不同的HTML元素和属性，可以将文字、图片、链接等内容展示在网页上。CSS是一种用于设置网页样式的语言，通过使用不同的CSS属性和选择器，可以为网页元素提供不同的样式效果，包括颜色、字体、布局等。JavaScript是一种用于实现网页交互和动态效果的脚本语言，通过使用不同的JavaScript语法和函数，可以进行表单验证、动态内容加载、页面元素操作等。

对于初学者来说，学习HTML、CSS和JavaScript的最佳方式是结合实践和理论。首先，可以从网上或书籍中找到一本编程入门指南PDF，这种资源通常会提供基础知识和实例代码来帮助初学者理解和运用这些语言。在学习过程中，可以分别学习HTML、CSS和JavaScript的基础语法和常用特性，例如HTML标签的用法、CSS选择器的使用和JavaScript函数的编写方法。同时，可以通过模仿和修改实例代码来锻炼自己的编程能力。

此外，建议初学者在学习的过程中，尽量找一些简单的项目来实践。例如，可以尝试创建一个简单的网页，使用HTML来构建页面结构，使用CSS来设置页面样式，使用JavaScript来实现一些简单的交互效果，如点击按钮弹出提示框等。通过实际操作，可以更好地理解和记忆所学的知识。

最重要的是，编程是一个不断学习和实践的过程。只有不断地写代码和解决问题，才能不断提高自己的编程能力。

“相关推荐”对你有帮助么？

• 
  
  非常没帮助
• 
  
  没帮助
• 
  
  一般
• 
  
  有帮助
• 
  
  非常有帮助

提交

window.csdn.csdnFooter.options = {
el: '.blog-footer-bottom',
type: 2
}



墨鸦_Cormorant




CSDN认证博客专家


CSDN认证企业博客


码龄4年



Java领域新星创作者

94

原创

422

周排名

3352

总排名

64万+

访问



等级

7000

积分

2980

粉丝

2618

获赞

2047

评论

4329

收藏





























私信

关注





.wwads-img img {width: 150px; margin-top:10px}


热门文章

• java调用外部程序（Runtime.getRuntime().exec）详解
  
  29606

• Linux脚本（shell）详解
  
  27868

• k8s之常用操作命令
  
  21698

• java参数校验（@Validated、@Valid）使用详解
  
  20764

• JVM（Java虚拟机）详解（JVM 内存模型、堆、GC、直接内存、性能调优）
  
  17708

分类专栏

• 
  
  前端
  

  1篇

• 
  
  Python
  

  17篇

• 
  
  Java技术栈
  

  13篇

• 
  
  Spring全家桶
  

  5篇

• 
  
  SpringCloud专栏
  

  3篇

• 
  
  Java 持久层
  

  6篇

• 
  
  Java基础
  

  15篇

• 
  
  Java开发 / 轮子
  

  1篇

• 
  
  Java知识点拓展
  

  3篇

• 
  
  Java相关软件安装与环境配置
  

  5篇

• 
  
  中间件
  

  3篇

• 
  
  解决方案
  

  2篇

• 
  
  数据库与SQL语言
  

  2篇

• 
  
  Linux
  

  7篇

• 
  
  K8S 专栏
  

  4篇

• 
  
  docker 专栏
  

  5篇

• 
  
  shell 脚本专栏
  

  2篇



最新评论

• HTML 入门指南

  程序边界:
  非常喜欢这篇博客！博主的写作风格简洁明了，让人一目了然。文章内容丰富，涵盖了很多实用的知识点，对我来说非常有帮助。尤其是博主在文章中提供了很多实际操作的步骤和技巧，让我能够更好地应用所学的知识。同时，博主的配图也很精美，更加生动地展示了文章中的内容。总之，非常感谢博主的分享，期待博主能够继续输出这样优质的好文。

• HTML 入门指南

  _BugMan:
  HTML 入门指南，赞一个喃

• HTML 入门指南

  墨鸦_Cormorant:
  谢谢大佬的鼓励和支持哦，继续加油

• HTML 入门指南

  RO-BERRY:
  博主的文章总是带着深思熟虑，给予我新的学识，每篇博客都是一次心灵的洗礼，你的分享不仅教育了我，也丰富了我的内心世界。 期待你的未来更新，继续前行！

• HTML 入门指南

  小尘要自信:
  这是一个非常好的博客！我喜欢你的观点和见解。你讲得很清晰，让我对这个主题有了更深入的理解。同时，你用实例和案例来支持你的观点，这让文章更有说服力和可信度。我期待能继续阅读你的博客，希望你能继续分享更多有趣和有洞察力的内容。感谢你分享你的知识和经验！

您愿意向朋友推荐“博客详情页”吗？

• 
  
  强烈不推荐
• 
  
  不推荐
• 
  
  一般般
• 
  
  推荐
• 
  
  强烈推荐

提交

最新文章

• ASR 概述
• ip_vs 的管理以及 keepalived + lvs 案例
• 入站请求负载均衡解决方案 LVS 的介绍

2024年6篇

2023年35篇

2022年28篇

2021年27篇

目录

$("a.flexible-btn").click(function(){
$(this).parents('div.aside-box').removeClass('flexible-box');
$(this).parents("p.text-center").remove();
})

目录

分类专栏

• 
  
  前端
  

  1篇

• 
  
  Python
  

  17篇

• 
  
  Java技术栈
  

  13篇

• 
  
  Spring全家桶
  

  5篇

• 
  
  SpringCloud专栏
  

  3篇

• 
  
  Java 持久层
  

  6篇

• 
  
  Java基础
  

  15篇

• 
  
  Java开发 / 轮子
  

  1篇

• 
  
  Java知识点拓展
  

  3篇

• 
  
  Java相关软件安装与环境配置
  

  5篇

• 
  
  中间件
  

  3篇

• 
  
  解决方案
  

  2篇

• 
  
  数据库与SQL语言
  

  2篇

• 
  
  Linux
  

  7篇

• 
  
  K8S 专栏
  

  4篇

• 
  
  docker 专栏
  

  5篇

• 
  
  shell 脚本专栏
  

  2篇

目录

var timert = setInterval(function() {
sideToolbar = $(".csdn-side-toolbar");
if (sideToolbar.length > 0) {
sideToolbar.css('cssText', 'bottom:64px !important;')
clearInterval(timert);
}
}, 200);

评论18

被折叠的条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
个
红包个数最小为10个
红包总金额
元
红包金额最低5元
余额支付
当前余额3.43元
前往充值 >
需支付：10.00元
取消
确定

下一步

知道了

成就一亿技术人!



hope_wisdom

发出的红包

打赏作者



墨鸦_Cormorant

大家喜欢的话可以点个关注投币哟

1
2
4
6
10
20

扫码支付：1


获取中



扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元

使用余额支付


点击重新获取

扫码支付

钱包余额
0



抵扣说明：

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

余额充值

// 全局声明
if (window.csdn === undefined) {
window.csdn = {};
}
window.csdn.sideToolbar = {
options: {
report: {
isShow: true,
},
qr: {
isShow: false,
},
guide: {
isShow: true
}
}
}
$(function() {
$(document).on('click', "a.option-box[data-type='report']", function() {
window.csdn.loginBox.key({
biz: 'blog',
subBiz: 'other_service',
cb: function() {
window.csdn.feedback({
"type": 'blog',
"rtype": 'article',
"rid": articleId,
"reportedName": username,
"submitOptions": {
"title": articleTitle,
"contentUrl": articleDetailUrl
},
"callback": function() {
showToast({
text: "感谢您的举报，我们会尽快审核！",
bottom: '10%',
zindex: 9000,
speed: 500,
time: 1500
})
}
})
}
})
});
})

$(".MathJax").remove();
if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) {
$('div.markdown_views')[0].className = 'markdown_views';
}

MathJax.Hub.Config({
"HTML-CSS": {
linebreaks: { automatic: true, width: "94%container" },
imageFont: null
},
tex2jax: {
preview: "none",
ignoreClass:"title-article"
},
mml2jax: {
preview: 'none'
}
});