HTML基础知识1、HTML的历史：HTML，XHTML2、HTML的全局属性：全局标准属性，全局事件属性3、HTML的元素： up是一个从事前端开发6年的程序员，在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。HTML，为超文本标记语言。XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。html文件由文件头和文件体两部分组成。标签的分类：双标签，单标签。双标签：由“开始标签”和“结束标签”两部分构成，必须成对使用，且必须合理嵌套。单标签：在开始标签中进行关闭（以开始标签的结束而结束）。HTML的全局标准属性在HTML中，规定了8个全局标准属性。class用于定义元素的类名。id用于指定元素的唯一id。style用于指定元素的行内样式。title用于指定元素的额外信息。accesskey用于指定激活某个元素的快捷键。支持accesskey属性的元素有, , , , , , 。tabindex用于指定元素在tab键下的次序。支持tabindex属性的元素有<a>,<area>,<button>,<input>,<object>,<select>,<textarea>dir用于指定元素中内容的文本方向。dir的属性值只有ltr和rtl两种，分别是left to right和right to left。lang用于指定元素内容的语言。HTML的全局事件属性Window窗口事件onload，在页面加载结束后触发。onunload，在用户从页面离开时触发，如单击跳转，页面重载，关闭浏览器窗口等。Form表单事件onblur，当元素失去焦点时触发。onchange，在元素的元素值被改变时触发。onfocus，在元素获得焦点时触发。onreset，当表单中的重载按钮被点击时触发。onselect，在元素中文本被选中后触发。onsubmit，在提交表单时触发。Keyboard键盘事件onkeydown，在用户按下按键时触发。onkeypress，在用户按下按键后，按着按键时触发。该属性不会对所有按键生效，不生效按键如：alt，ctrl，shift，esc。onkeyup，当用户释放按键时触发。Mouse鼠标事件onclick，当在元素上单击鼠标时触发。ondblclick，当在元素上双击鼠标时触发。onmousedown，当在元素上按下鼠标按钮时触发。onmousemove，当鼠标指针移动到元素上时触发。onmouseout，当鼠标指针移出元素时触发。onmouseover，当鼠标指针移动到元素上时触发。onmouseup，当在元素上释放鼠标按钮时触发。Media媒体事件onabort，当退出媒体播放器时触发。onwaiting，当媒体已停止播放但打算继续播放时触发。HTML元素 一个HTML文档包含的标签<!DOCTYPE>，声明文档类型。<html>，HTML元素真正的根元素。<head>，定义html文档的文档头。head中包含的元素title，定义HTML文档的标题base，为页面上的所有链接规定默认地址或者默认目标link，用于定义文档与外部资源之间的关系meta，提供关于HTML的元数据style，用于为HTML文档定义样式信息script，用于定义客户端脚本body，定义html文档的文档体。content-Type，用于设定网页的字符集，便于浏览器解析与渲染页面。代码：<meta http-equiv="content-Type` content="text/html"; charset=utf-8">cache-control，用于告诉浏览器如何缓存某个响应及缓存多长时间。参数：no-cache，发送请求，与服务器确认该资源是否被更改，如果没有，则使用缓存no-store，允许缓存，每次都要去服务器上下载完整的响应public，缓存所有响应private，只为单个用户缓存max-age，表示当前请求开始，相应响应在多久内能被缓存和重用，不去服务器重新请求，max-age=60表示响应可以再缓存和重用60秒<meta http-equiv=cache-control" content="no-cache">expires，用于设定网页的到期时间，过期后重新到服务器上重新传输。refresh，网页将在设定的时间内，自动刷新并转向设定的网址Set-Cookie，用于设置网页过期。无语义元素：<span>,<div>，<span>是内联标签，用在一行文本中，<div>是块级标签。DIV+CSSdiv用于存放需要显示的数据，css用于指定如何显示数据样式，做到结构与样式相互分离。查看div+css样式HTML:点击下方链接跳转，可查看源码：div-css.html格式化元素普通文本<b>，定义粗体文本<big>，定义大号字<em>，定义着重文字<i>，定义斜体字<small>，定义小号字<strong>，定义加重语气<sub>，定义下标字<sup>，定义上标字<ins>，定义插入字<del>，定义删除字计算机输出<code>，定义计算机代码<kbd>，定义键盘输出样式<samp>，定义计算机代码样本<tt>，定义打字机输入样式<pre>，定义预格式文本术语<abbr>，定义缩写<acronym>，定义首字母缩写<address>，定义地址<bdo>，定义文字方向<blockquote>定义长的引用<q>，定义短的引用语<cite>，定义引用，引证<dfn>，定义一个概念，项目图片元素<img src="图片的url" alt = "图像的替代文本">超链接元素<a>标签的target属性，默认值为_self。 文本链接是<a></a>标签之间的元素内容为文本内容。锚点链接是用#+对应的锚点，锚点通常用唯一属性值id设定。图像热区链接图像热区链接，是什么呢？当你在看一些购物网页的时候，一张图片上，可以在不同的地方链接到不同的目标位置，点击不同的地方可以跳转到不同的网页，这也是做商城项目一般要用到的技术。这个时候不是<a>标签元素了，而是<area>元素。<area>元素的属性有两个shape，cords属性。 <area>的坐标系，原点为图片的左上角,x轴正方向向右，y轴正方向向下我画个图哈，反映<area>的坐标系： 图像热区链接的使用，<map>标签定义一个image-map，可以含一个以上的热区<area>，每个热区都有独立的链接。要为<map>标签赋予name属性。将<img>标签的usemap属性与<map>标签的name属性相关联。为了证明我学会了，我写一个html页面。map -> name="image_link"img -> usemap="#image_link"点击跳转：imgmap.htmle-mail链接e-mail链接主要是看到有很多官方网页需要做的一个打开一封新的电子邮件。点击下方链接即可看到效果：联系我们代码：<a href="mailto:xxxxxx@qq.com">联系我们</a>javascript链接点击JavaScript链接：点击弹窗代码：<a href="javascript:alert('哈哈，你点击了！');">点击弹窗</a>空链接空链接是指未指派目标地址的超链接。空链接的代码：javascript: void(0)<a href=""></a><a href="#"></a><a href="javascript:void(0)"></a>列表元素整合列表html网页，点击跳转：ul-ol.html无序列表，<ul>定义无序列表，<li>定义列表项。<ul>的type属性值：disc点，square方块，circle圆，none无.有序列表，<ol>定义有序列表，<li>定义列表项。<ol>的type属性值：数字，大写字母，大写罗马数字，小写字母，小写罗马数字。start属性定义序号的开始位置。定义列表<dl>，定义列表内部可以有多个列表项标题，每个列表项标题用<dt>标签定义，列表项标题内部又可以有多个列表项描述，用<dd>标签定义。表格整合表格html网页，点击跳转：table.html<table>定义表格<caption>定义表格标题<tr>定义若干行<td>定义若干单元格<th>定义表头表格分头部，主体，底部：<thead>,<tbody>,<tfoot>三个标签。 <td>的两个属性：colspan用于定义单元格跨行，rowspan用于定义单元格跨列<tbody>,<thead>,<tfoot>标签通常用于对表格内容进行分组。表单由<form>标签定义，action属性定义了表单提交的地址，method属性定义表单提交的方式。代码：<input type="text"><input type="password"><input type="radio"><input type="checkbox"><input type="submit"><input type="reset"><input type="button"><input type="image"><input type="file"><input type="hidden"><select><option>size属性用来设置选择栏的高度，multiple属性用来决定是多选列表，还是单选selected="selected"表单控件，用于输入更多的文本<textarea>元素<textarea>标签具有name,cols,rows3个属性。name用于提交参数value用于输入文本内容cols和rows分别用于文本框的列数和行数，宽度和高度。效果：自我评价：代码：<form action="web" method="post"> 自我评价：<br/> <textarea rows="10" cols="50" name="introduce"> frameset定义一个框架集，用于组织多个窗口，每个框架存有独立的html文档不能与共同使用，除非有元素用于定义中一个特定的窗口。空元素frame属性 ，用于为那些不支持框架集的浏览器显示文本，与<frame>元素相同，iframe有frame的属性，还加了height和width代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>frameset</title> </head> <frameset cols="25%,50%,25%"> <frame src="https://blog.csdn.net/qq_36232611" scrolling="no" noresize="noresize"></frame> <frame src="https://juejin.im/user/5e477d7ce51d4526c550a27d" ></frame> <frame src="https://www.jianshu.com/u/c785ece603d1" ></frame> </frameset> <noframes> <body>您的浏览器无法处理框架，请更换浏览器打开</body> </noframes></html>预留字符HTML 中的预留字符必须被替换为字符实体。 </article></div><div class="post-footer" data-v-9260a875><div class="tags" data-v-9260a875><!--[--><a href="/post/tags/HTML" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># HTML</a><a href="/post/tags/ 属性" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># 属性</a><a href="/post/tags/ 元素" data-umami-event="post detail tags click" target="_blank" data-v-9260a875># 元素</a><!--]--></div><div class="copy-desc" data-v-9260a875><div data-v-9260a875>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-9260a875> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/8797b940-2212-493a-a05c-c0f218ceaa4a" data-v-9260a875>前端基础总结：HTML基础知识</a></div></div></div><div class="postRecommend" data-v-9260a875 style=""><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul><!--[--><li><span class="circle"></span><a href="/post/e304fede-f24b-4510-a14a-e9b0c7961958" target="_blank" rel="noopener noreferrer">HTML基础知识</a></li><li><span class="circle"></span><a href="/post/db0549d2-bea0-4af7-8cc1-976153a52800" target="_blank" rel="noopener noreferrer">编写灵活、稳定、高质量的HTML代码的规范，附web前端资料</a></li><li><span class="circle"></span><a href="/post/0d55bef4-e172-459e-b401-79a412e33216" target="_blank" rel="noopener noreferrer">jQuery实现自动切换动画</a></li><li><span class="circle"></span><a href="/post/67501b5f-87b6-4d27-982a-a1024bc91deb" target="_blank" rel="noopener noreferrer">前端面试日更解答 2020-03-22</a></li><li><span class="circle"></span><a href="/post/a7d5faf3-9205-4f1b-9657-572625904d41" target="_blank" rel="noopener noreferrer">JQuery如何上传文件？（多文件上传）</a></li><li><span class="circle"></span><a href="/post/85aed896-2214-4d18-96b8-c4202ba8e181" target="_blank" rel="noopener noreferrer">前端面试日更解答 2020-03-21</a></li><li><span class="circle"></span><a href="/post/7d7d4abd-68e9-4003-9feb-8720e27a2ee4" target="_blank" rel="noopener noreferrer">如何学习前端？前端学习路线总结</a></li><li><span class="circle"></span><a href="/post/e6d6c724-9d47-4dfc-a722-8d990c29e175" target="_blank" rel="noopener noreferrer">前端面试日更解答 2020-03-17</a></li><li><span class="circle"></span><a href="/post/2fcb6091-601c-43f3-8028-bdb5b0d7c2de" target="_blank" rel="noopener noreferrer">HTML5标签大全</a></li><li><span class="circle"></span><a href="/post/225d682c-4c8c-432f-81fb-823596af1d6f" target="_blank" rel="noopener noreferrer">8、webpack从0到1-基本的plugins</a></li><!--]--></ul></div><div class="comments" data-v-9260a875 data-v-f2b74ff7><div class="add-comment" data-v-f2b74ff7><h3 data-v-f2b74ff7>发表评论<span style="color:gray;font-size:1rem;" data-v-f2b74ff7> (审核通过后显示评论)：</span></h3><form class="el-form el-form--default el-form--label-right" data-v-f2b74ff7><!--[--><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-0" data-v-f2b74ff7><!--[--><!--[--><div id="el-id-1024-0" class="el-form-item__label" style="width:70px;"><!--[-->昵称：<!--]--></div><!--]--><!--]--><div class="el-form-item__content" style=""><!--[--><div class="el-input" style="" data-v-f2b74ff7><!-- input --><!--[--><!-- prepend slot --><!--v-if--><div class="el-input__wrapper"><!-- prefix slot --><!--v-if--><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于发表后名称显示" style=""><!-- suffix slot --><!--v-if--></div><!-- append slot --><!--v-if--><!--]--></div><!--]--><!--[--><!--]--></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-1" data-v-f2b74ff7><!--[--><!--[--><div id="el-id-1024-1" class="el-form-item__label" style="width:70px;"><!--[-->邮箱：<!--]--></div><!--]--><!--]--><div class="el-form-item__content" style=""><!--[--><div class="el-input" style="" data-v-f2b74ff7><!-- input --><!--[--><!-- prepend slot --><!--v-if--><div class="el-input__wrapper"><!-- prefix slot --><!--v-if--><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于接收回复邮件,不会公开展示" style=""><!-- suffix slot --><!--v-if--></div><!-- append slot --><!--v-if--><!--]--></div><!--]--><!--[--><!--]--></div></div><div class="el-form-item is-required asterisk-left el-form-item--label-right" role="group" aria-labelledby="el-id-1024-2" data-v-f2b74ff7><!--[--><!--[--><div id="el-id-1024-2" class="el-form-item__label" style="width:70px;"><!--[-->内容：<!--]--></div><!--]--><!--]--><div class="el-form-item__content" style=""><!--[--><div class="el-textarea" style="" data-v-f2b74ff7><!-- input --><!--[--><!-- textarea --><textarea class="el-textarea__inner" tabindex="0" autocomplete="off" style="" placeholder="写下你的问题" rows="5"></textarea><!--v-if--><!--]--></div><!--]--><!--[--><!--]--></div></div><div class="el-form-item asterisk-left el-form-item--label-right" data-v-f2b74ff7><!--[--><!--[--><!--v-if--><!--]--><!--]--><div class="el-form-item__content" style="margin-left:70px;"><!--[--><div style="text-align:right;" data-v-f2b74ff7><button ariadisabled="false" type="button" class="el-button el-button--primary" style="" data-v-f2b74ff7><!--v-if--><span class=""><!--[-->发表评论<!--]--></span></button></div><!--]--><!--[--><!--]--></div></div><!--]--></form></div><div class="commentsList" style="display:none;" data-v-f2b74ff7><h3 style="text-align:center;" data-v-f2b74ff7>文章评论(0)</h3><!--[--><!--]--></div></div></div></div></div><div id="imageList" style="position:absolute;top:9999px;left:-9999px;" data-v-9260a875><div style="width:1px;height:1px;" class="el-image" data-v-9260a875><!--[--><!--v-if--><div class="el-image__wrapper"><!--[--><div class="el-image__placeholder"></div><!--]--></div><!--]--><!--v-if--></div></div><!--]--><!--]--></div><div class="side-bar layouts-sideBar" data-v-3f82ca16 data-v-26f2689f><ul data-v-26f2689f><li data-v-26f2689f><div class="search" data-v-26f2689f><div class="el-input el-input--large el-input-group el-input-group--append" style="" data-v-26f2689f><!-- input --><!--[--><!-- prepend slot --><!--v-if--><div class="el-input__wrapper"><!-- prefix slot --><!--v-if--><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="请输入关键字搜索" style=""><!-- suffix slot --><!--v-if--></div><!-- append slot --><div class="el-input-group__append"><!--[--><button ariadisabled="false" type="button" class="el-button" style="" data-v-26f2689f><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"></path></svg><!--]--></i><!--v-if--></button><!--]--></div><!--]--></div></div></li><li style="display:none;" data-v-26f2689f><div class="_oi1z2s14bx" data-v-26f2689f></div></li><div class="_clzacg58dkb" style="display:none;" data-v-26f2689f></div><li data-v-26f2689f><div class="module category" data-v-26f2689f><div class="common-title" data-v-26f2689f data-v-a72f5a0e>专题推荐 <i class="active-line" data-v-a72f5a0e></i></div><div class="el-carousel el-carousel--horizontal car-item" data-v-26f2689f><button type="button" class="el-carousel__arrow el-carousel__arrow--left" aria-label="Carousel arrow left" style="display:none;"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></button><button type="button" class="el-carousel__arrow el-carousel__arrow--right" aria-label="Carousel arrow right" style="display:none;"><i class="el-icon" style=""><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></button><div class="el-carousel__container" style="height:140px;"><!----><!--[--><!--[--><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><!--v-if--><!--[--><div class="carousel-item-container" data-v-26f2689f><a href="/topic/9" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>从零搭建博客</div></div><!--]--></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><!--v-if--><!--[--><div class="carousel-item-container" data-v-26f2689f><a href="/topic/8" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>前端开发</div></div><!--]--></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><!--v-if--><!--[--><div class="carousel-item-container" data-v-26f2689f><a href="/topic/4" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>javascript教程</div></div><!--]--></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-26f2689f><!--v-if--><!--[--><div class="carousel-item-container" data-v-26f2689f><a href="/topic/1" target="_blank" data-v-26f2689f><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-26f2689f></a><div class="carousel-item-desc" data-v-26f2689f>vue3+ts教程</div></div><!--]--></div><!--]--><!--]--></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal el-carousel__indicators--outside"><!--[--><!--]--></ul><!--v-if--></div></div></li><li data-v-26f2689f><div class="module" data-v-26f2689f><div class="common-title" data-v-26f2689f data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul data-v-26f2689f><!--[--><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/f64f79aa-3366-48b1-adea-4c9dc13c6c49" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>1</span>酥醪村到正果老街：一条不容错过的跑山路线推荐</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：1662</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-07-19 22:18:57</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/527948e9-f7dc-4e58-b743-3ed230827b05" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>2</span>当我的手机能从26楼连接车上的蓝牙后..</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：1036</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-07-16 22:28:47</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/3247be63-0ff9-484f-846d-cf54c492112b" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>3</span>超速驾驶被扣6分，罚款200元</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：771</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-07-28 22:34:41</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/d25976bd-de3c-43a6-bb8a-0863417d99ab" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>4</span>回长沙参加老婆妹妹的婚礼</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：641</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-08-10 21:53:45</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/3b940080-d69b-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>5</span>umami统计：适合个人网站的专业统计工具</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：629</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-11 22:10:45</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/4808f8ed-d6b5-4a4b-99e2-c8b4e6896e9b" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>6</span>比亚迪的刹车偏软如何通过车机设置解决</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：516</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-08-18 22:17:33</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/74035c87-6ad0-4a60-8114-3b9817f87179" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>7</span>下班后打车碰到女司机</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：380</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-08-18 22:35:36</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/35cbc18f-ba3f-4c7b-9877-18387ca7693e" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>8</span>CleanAds：百度、Bing、CSDN 广告清理插件</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：378</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-10-10 21:19:32</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/9e1135ab-e33c-11f0-8799-52540025eaec" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>9</span>如何将Node.js REST API转换为AI专用的MCP服务器</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：290</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-12-27 23:56:12</span></div></li><li class="li-item" data-v-26f2689f><div class="title" data-v-26f2689f><a href="/post/fc717dd1-ee9a-4f21-a977-5515e51314da" target="_self" data-umami-event="recommend click" data-v-26f2689f><span class="list-index" data-v-26f2689f>10</span>2025年国庆回家行程记录</a></div><div class="excerpt" data-v-26f2689f><span class="views" data-v-26f2689f> 阅读：246</span><span class="views published-date" data-v-26f2689f> 发布时间：2025-10-09 22:25:15</span></div></li><!--]--></ul></div></li></ul></div></div><div class="home-footer" data-v-3f82ca16><div class="site-info"><div><a href="https://nuxt.com/">© 基于nuxt</a></div><div><a href="https://beian.miit.gov.cn/">粤ICP备20013202号</a></div><div><a href="/">© 2020-2026 javascript技术分享</a></div></div><!--v-if--></div></div></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"d0639f30-e07b-4719-969d-2ca9dbcb9fdb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":616,"once":618,"_errors":619,"serverRendered":621,"path":622,"pinia":623},["ShallowReactive",3],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":4,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":16,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":83,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":547,"$fiozxmIPKFWFlWjF7EQDKmY8fRQ0KzG8liKBVgDsIsRw":564,"$fmV9y9DRfsPB2eoiDaawAfudcHUaWyIlrvxCtbCf7_R0":575},{"code":5,"msg":6,"data":7},0,"操作成功",{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},"[{\"menuName\":\"首页\",\"menuUrl\":\"/\",\"enabled\":\"Y\",\"imgUrl\":\"首页\",\"desc\":\"/\"},{\"menuName\":\"关于\",\"menuUrl\":\"/post/5ee344af-58ce-4e44-a410-febc1d1730fa\",\"enabled\":\"Y\",\"imgUrl\":\"关于\",\"desc\":\"/post/13\"},{\"menuName\":\"优乐购\",\"menuUrl\":\"/tbk\",\"enabled\":\"N\"},{\"menuName\":\"开发\",\"menuUrl\":\"/post/category/3\",\"enabled\":\"Y\"},{\"menuName\":\"生活\",\"menuUrl\":\"/post/category/5\",\"enabled\":\"Y\"},{\"menuName\":\"大事记\",\"menuUrl\":\"/post/category/126\",\"enabled\":\"N\"},{\"menuName\":\"导航\",\"menuUrl\":\"/nav\",\"enabled\":\"Y\"}]","https://www.dsiab.com","粤ICP备20013202号","[{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-1.png\",\"desc\":\"如何通过pm2部署nuxt3应用？\",\"url\":\"https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-2.png\",\"desc\":\"scrollIntoView 方法不生效如何解决\",\"url\":\"https://www.dsiab.com/post/c8df67f1-c2da-4b27-8659-1cb8ef1bd28d\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-3.png\",\"desc\":\"在Vue项目中引入tinymce富文本编辑器\",\"url\":\"https://www.dsiab.com/post/6c7ebba5-2b95-4ef4-baf6-2a8479746432\"},{\"imgUrl\":\"https://source.dsiab.com/upload/2025-07/banner-5.png\",\"desc\":\"宝塔面板如何部署nuxt项目\",\"url\":\"https://www.dsiab.com/post/63c6e7e2-0a87-49be-be71-a5a4bb74d4da\"}]","javascript技术分享","N","Y","2020-2025 javascript技术分享",{"code":5,"msg":6,"data":17},[18,26,32,38,44,51,58,64,70,77],{"title":19,"content":20,"en_content":20,"createDate":21,"cate":22,"id":23,"uid":24,"page":5,"pageSize":5,"views":25,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"酥醪村到正果老街：一条不容错过的跑山路线推荐",null,"2025-07-19 22:18:57",5,51047,"f64f79aa-3366-48b1-adea-4c9dc13c6c49",1662,{"title":27,"content":20,"en_content":20,"createDate":28,"cate":22,"id":29,"uid":30,"page":5,"pageSize":5,"views":31,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"当我的手机能从26楼连接车上的蓝牙后..","2025-07-16 22:28:47",51045,"527948e9-f7dc-4e58-b743-3ed230827b05",1036,{"title":33,"content":20,"en_content":20,"createDate":34,"cate":22,"id":35,"uid":36,"page":5,"pageSize":5,"views":37,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"超速驾驶被扣6分，罚款200元","2025-07-28 22:34:41",51048,"3247be63-0ff9-484f-846d-cf54c492112b",771,{"title":39,"content":20,"en_content":20,"createDate":40,"cate":22,"id":41,"uid":42,"page":5,"pageSize":5,"views":43,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"回长沙参加老婆妹妹的婚礼","2025-08-10 21:53:45",51049,"d25976bd-de3c-43a6-bb8a-0863417d99ab",641,{"title":45,"content":20,"en_content":20,"createDate":46,"cate":47,"id":48,"uid":49,"page":5,"pageSize":5,"views":50,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"umami统计：适合个人网站的专业统计工具","2025-12-11 22:10:45",3,51471,"3b940080-d69b-11f0-8799-52540025eaec",629,{"title":52,"content":20,"en_content":20,"createDate":53,"cate":54,"id":55,"uid":56,"page":5,"pageSize":5,"views":57,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"比亚迪的刹车偏软如何通过车机设置解决","2025-08-18 22:17:33",266,51051,"4808f8ed-d6b5-4a4b-99e2-c8b4e6896e9b",516,{"title":59,"content":20,"en_content":20,"createDate":60,"cate":22,"id":61,"uid":62,"page":5,"pageSize":5,"views":63,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"下班后打车碰到女司机","2025-08-18 22:35:36",51052,"74035c87-6ad0-4a60-8114-3b9817f87179",380,{"title":65,"content":20,"en_content":20,"createDate":66,"cate":47,"id":67,"uid":68,"page":5,"pageSize":5,"views":69,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"CleanAds：百度、Bing、CSDN 广告清理插件","2025-10-10 21:19:32",51054,"35cbc18f-ba3f-4c7b-9877-18387ca7693e",378,{"title":71,"content":20,"en_content":20,"createDate":72,"cate":73,"id":74,"uid":75,"page":5,"pageSize":5,"views":76,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"如何将Node.js REST API转换为AI专用的MCP服务器","2025-12-27 23:56:12",7,51473,"9e1135ab-e33c-11f0-8799-52540025eaec",290,{"title":78,"content":20,"en_content":20,"createDate":79,"cate":22,"id":80,"uid":81,"page":5,"pageSize":5,"views":82,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"2025年国庆回家行程记录","2025-10-09 22:25:15",51053,"fc717dd1-ee9a-4f21-a977-5515e51314da",246,{"code":5,"msg":6,"data":84},{"result":85},[86,91,94,96,98,100,103,106,109,112,115,118,121,124,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,250,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400,403,407,411,415,419,423,427,431,435,440,443,447,451,455,459,463,467,470,474,478,482,486,490,494,498,502,507,511,515,519,523,527,531,535,539,543],{"id":87,"name":88,"valid":87,"createdBy":89,"createDate":90},1,"未分类","admin","2022-01-20 23:26:35",{"id":92,"name":93,"valid":87,"createdBy":89,"createDate":90},2,"前端面试",{"id":47,"name":95,"valid":87,"createdBy":89,"createDate":90},"开发笔记",{"id":22,"name":97,"valid":87,"createdBy":89,"createDate":90},"生活笔记",{"id":73,"name":99,"valid":87,"createdBy":89,"createDate":90},"编程开发",{"id":101,"name":102,"valid":87,"createdBy":89,"createDate":90},8,"网络资讯",{"id":104,"name":105,"valid":87,"createdBy":89,"createDate":90},103,"育儿心得",{"id":107,"name":108,"valid":87,"createdBy":89,"createDate":90},111,"佳句精选",{"id":110,"name":111,"valid":87,"createdBy":89,"createDate":90},120,"资源分享",{"id":113,"name":114,"valid":87,"createdBy":89,"createDate":90},122,"教育考试",{"id":116,"name":117,"valid":87,"createdBy":89,"createDate":90},123,"开发教程",{"id":119,"name":120,"valid":87,"createdBy":89,"createDate":90},126,"大事记",{"id":122,"name":123,"valid":87,"createdBy":89,"createDate":90},137,"诗词鉴赏",{"id":125,"name":126,"valid":87,"createdBy":89,"createDate":90},140,"成长记录",{"id":128,"name":88,"valid":87,"createdBy":129,"createDate":130},151,"admin11","2022-08-24 22:26:29",{"id":132,"name":88,"valid":87,"createdBy":133,"createDate":134},155,"1111","2022-08-24 22:45:04",{"id":136,"name":137,"valid":87,"createdBy":133,"createDate":138},156,"123","2022-08-24 22:45:20",{"id":140,"name":88,"valid":87,"createdBy":141,"createDate":142},157,"admin111","2022-08-26 10:48:31",{"id":144,"name":145,"valid":87,"createdBy":89,"createDate":146},160,"网络文学","2022-08-27 21:27:36",{"id":148,"name":88,"valid":87,"createdBy":149,"createDate":150},161,"aasun","2022-08-30 16:16:01",{"id":152,"name":88,"valid":87,"createdBy":153,"createDate":154},162,"fadf","2022-09-04 13:23:58",{"id":156,"name":157,"valid":87,"createdBy":89,"createDate":158},168,"家乡动态","2022-09-13 22:33:10",{"id":160,"name":88,"valid":87,"createdBy":161,"createDate":162},169,"cbyniyga","2022-09-14 11:23:03",{"id":164,"name":88,"valid":87,"createdBy":165,"createDate":166},170,"masks","2022-09-14 13:24:23",{"id":168,"name":88,"valid":87,"createdBy":169,"createDate":170},171,"123123","2022-09-14 19:29:18",{"id":172,"name":88,"valid":87,"createdBy":173,"createDate":174},172,"qwer","2022-09-15 14:35:09",{"id":176,"name":88,"valid":87,"createdBy":177,"createDate":178},173,"qwer1123","2022-09-16 20:16:47",{"id":180,"name":88,"valid":87,"createdBy":181,"createDate":182},174,"aaaa","2022-09-21 10:25:36",{"id":184,"name":88,"valid":87,"createdBy":185,"createDate":186},175,"arthur","2022-09-29 15:46:20",{"id":188,"name":88,"valid":87,"createdBy":189,"createDate":190},180,"jiangmeng","2022-10-19 09:49:28",{"id":192,"name":88,"valid":87,"createdBy":193,"createDate":194},183,"test1","2022-10-27 13:32:49",{"id":196,"name":88,"valid":87,"createdBy":197,"createDate":198},184,"flower","2022-11-02 23:46:28",{"id":200,"name":88,"valid":87,"createdBy":201,"createDate":202},185,"test12","2022-11-21 17:13:44",{"id":204,"name":88,"valid":87,"createdBy":205,"createDate":206},186,"1111111","2022-11-21 22:40:22",{"id":208,"name":88,"valid":87,"createdBy":209,"createDate":210},187,"123456","2022-11-21 22:40:55",{"id":212,"name":88,"valid":87,"createdBy":213,"createDate":214},188,"23423","2022-11-26 16:07:57",{"id":216,"name":88,"valid":87,"createdBy":217,"createDate":218},189,"adlfll","2022-11-26 16:09:56",{"id":220,"name":88,"valid":87,"createdBy":221,"createDate":222},190,"adsf","2022-11-26 16:13:00",{"id":224,"name":88,"valid":87,"createdBy":225,"createDate":226},191,"test111","2022-11-26 16:14:12",{"id":228,"name":88,"valid":87,"createdBy":229,"createDate":230},193,"u1223","2022-12-02 08:37:06",{"id":232,"name":88,"valid":87,"createdBy":233,"createDate":234},195,"ferromagnetic","2022-12-15 15:54:46",{"id":236,"name":88,"valid":87,"createdBy":237,"createDate":238},196,"23444","2022-12-28 15:37:38",{"id":240,"name":88,"valid":87,"createdBy":241,"createDate":242},198,"wer234","2023-02-03 22:56:03",{"id":244,"name":88,"valid":87,"createdBy":245,"createDate":246},199,"234234","2023-02-03 22:57:12",{"id":248,"name":88,"valid":87,"createdBy":213,"createDate":249},200,"2023-02-03 22:57:30",{"id":251,"name":88,"valid":87,"createdBy":129,"createDate":252},201,"2023-02-13 21:11:11",{"id":254,"name":255,"valid":87,"createdBy":89,"createDate":256},202,"光影分享","2023-02-16 23:00:38",{"id":258,"name":259,"valid":87,"createdBy":89,"createDate":260},203,"佳文收藏","2023-03-04 20:45:25",{"id":262,"name":88,"valid":87,"createdBy":263,"createDate":264},206,"234234234","2023-05-18 22:01:00",{"id":266,"name":88,"valid":87,"createdBy":267,"createDate":268},207,"admin33","2023-05-18 22:02:38",{"id":270,"name":88,"valid":87,"createdBy":271,"createDate":272},208,"admin333333","2023-05-18 22:05:03",{"id":274,"name":88,"valid":87,"createdBy":275,"createDate":276},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":278,"name":88,"valid":87,"createdBy":279,"createDate":280},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":282,"name":88,"valid":87,"createdBy":283,"createDate":284},211,"233fwefwe","2023-05-18 22:15:30",{"id":286,"name":88,"valid":87,"createdBy":287,"createDate":288},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":290,"name":88,"valid":87,"createdBy":291,"createDate":292},213,"23423eeee","2023-05-18 22:44:12",{"id":294,"name":88,"valid":87,"createdBy":295,"createDate":296},214,"erwdfzxc","2023-05-18 22:47:18",{"id":298,"name":88,"valid":87,"createdBy":299,"createDate":300},215,"夏季男女对表","2023-05-23 15:24:02",{"id":302,"name":88,"valid":87,"createdBy":303,"createDate":304},219,"zhl77","2023-06-18 16:57:27",{"id":306,"name":88,"valid":87,"createdBy":307,"createDate":308},220,"admin123456","2023-06-26 16:56:23",{"id":310,"name":88,"valid":87,"createdBy":311,"createDate":312},222,"youyou","2023-08-10 17:07:19",{"id":314,"name":88,"valid":87,"createdBy":133,"createDate":315},223,"2023-08-17 11:24:23",{"id":317,"name":88,"valid":87,"createdBy":318,"createDate":319},224,"809630306","2023-08-19 13:01:41",{"id":321,"name":88,"valid":87,"createdBy":322,"createDate":323},225,"test333","2023-08-19 15:18:40",{"id":325,"name":88,"valid":87,"createdBy":326,"createDate":327},226,"demo","2023-08-21 15:28:44",{"id":329,"name":88,"valid":87,"createdBy":330,"createDate":331},227,"1234569","2023-08-28 10:58:32",{"id":333,"name":88,"valid":87,"createdBy":334,"createDate":335},228,"qqqq","2023-09-18 17:50:40",{"id":337,"name":88,"valid":87,"createdBy":338,"createDate":339},229,"test123","2023-09-20 11:23:40",{"id":341,"name":88,"valid":87,"createdBy":342,"createDate":343},231,"zmx123","2023-10-02 16:03:50",{"id":345,"name":88,"valid":87,"createdBy":346,"createDate":347},232,"yinquan","2023-10-10 11:58:33",{"id":349,"name":88,"valid":87,"createdBy":350,"createDate":351},233,"1354541","2023-10-10 14:35:53",{"id":353,"name":88,"valid":87,"createdBy":354,"createDate":355},234,"","2023-10-23 21:09:51",{"id":357,"name":88,"valid":87,"createdBy":358,"createDate":359},235,"asdf","2023-10-23 21:10:26",{"id":361,"name":88,"valid":87,"createdBy":362,"createDate":363},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":365,"name":88,"valid":87,"createdBy":366,"createDate":367},237,"ls123456","2023-10-26 21:59:55",{"id":369,"name":88,"valid":87,"createdBy":370,"createDate":371},238,"18165042571","2023-11-06 11:05:45",{"id":373,"name":88,"valid":87,"createdBy":374,"createDate":375},239,"gsoft","2023-11-18 07:44:43",{"id":377,"name":88,"valid":87,"createdBy":378,"createDate":379},240,"tststs","2023-12-10 20:53:50",{"id":381,"name":88,"valid":87,"createdBy":382,"createDate":383},241,"骑牛上班","2023-12-27 14:20:26",{"id":385,"name":386,"valid":87,"createdBy":89,"createDate":387},242,"影视分享","2024-01-02 21:50:02",{"id":389,"name":390,"valid":87,"createdBy":89,"createDate":391},243,"音乐分享","2024-01-02 21:50:08",{"id":393,"name":88,"valid":87,"createdBy":394,"createDate":395},244,"11112222","2024-01-09 16:23:29",{"id":397,"name":88,"valid":87,"createdBy":398,"createDate":399},245,"ssdate","2024-01-17 14:38:21",{"id":82,"name":88,"valid":87,"createdBy":401,"createDate":402},"admin666","2024-01-21 15:40:53",{"id":404,"name":88,"valid":87,"createdBy":405,"createDate":406},247,"test51","2024-03-02 14:07:11",{"id":408,"name":88,"valid":87,"createdBy":409,"createDate":410},249,"bf斯金纳","2024-03-14 21:53:53",{"id":412,"name":88,"valid":87,"createdBy":413,"createDate":414},250,"testyear","2024-04-12 21:10:42",{"id":416,"name":417,"valid":87,"createdBy":89,"createDate":418},251,"stable diffuson","2024-04-13 23:00:11",{"id":420,"name":421,"valid":87,"createdBy":89,"createDate":422},252,"每日一图","2024-04-17 21:49:58",{"id":424,"name":425,"valid":87,"createdBy":89,"createDate":426},253,"AI问答","2024-04-23 23:13:47",{"id":428,"name":88,"valid":87,"createdBy":429,"createDate":430},254,"hy9810","2024-04-30 11:23:55",{"id":432,"name":88,"valid":87,"createdBy":433,"createDate":434},256,"444444","2024-05-25 14:47:09",{"id":436,"name":437,"valid":87,"createdBy":438,"createDate":439},257,"我是分类","test","2024-06-04 16:51:00",{"id":441,"name":88,"valid":87,"createdBy":438,"createDate":442},258,"2024-06-10 13:58:35",{"id":444,"name":445,"valid":87,"createdBy":438,"createDate":446},260,"ert","2024-06-10 14:12:08",{"id":448,"name":88,"valid":87,"createdBy":449,"createDate":450},261,"testing","2024-06-19 00:08:44",{"id":452,"name":88,"valid":87,"createdBy":453,"createDate":454},262,"weicong","2024-06-24 21:28:28",{"id":456,"name":457,"valid":87,"createdBy":438,"createDate":458},263,"测试1111","2024-06-26 15:29:56",{"id":460,"name":88,"valid":87,"createdBy":461,"createDate":462},264,"1234","2024-07-08 22:35:39",{"id":464,"name":88,"valid":87,"createdBy":465,"createDate":466},265,"adminadmin","2024-08-07 14:29:16",{"id":54,"name":468,"valid":87,"createdBy":89,"createDate":469},"玩车日记","2024-10-13 23:10:34",{"id":471,"name":88,"valid":87,"createdBy":472,"createDate":473},267,"1122","2024-10-31 20:24:40",{"id":475,"name":88,"valid":87,"createdBy":476,"createDate":477},268,"admin_sw","2024-11-01 14:00:32",{"id":479,"name":88,"valid":87,"createdBy":480,"createDate":481},269,"mundane","2024-11-22 15:23:28",{"id":483,"name":484,"valid":87,"createdBy":438,"createDate":485},270,"312312","2024-12-12 17:25:52",{"id":487,"name":488,"valid":87,"createdBy":438,"createDate":489},271,"43243","2024-12-12 17:26:03",{"id":491,"name":88,"valid":87,"createdBy":492,"createDate":493},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":495,"name":88,"valid":87,"createdBy":496,"createDate":497},273,"zj676606191","2025-03-24 09:42:21",{"id":499,"name":88,"valid":87,"createdBy":500,"createDate":501},274,"海洋之心","2025-06-07 21:47:31",{"id":503,"name":504,"valid":87,"createdBy":505,"createDate":506},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":508,"name":88,"valid":87,"createdBy":509,"createDate":510},277,"mengmengrong","2025-06-26 15:46:45",{"id":512,"name":513,"valid":87,"createdBy":89,"createDate":514},278,"SQL","2025-06-26 23:03:01",{"id":516,"name":517,"valid":87,"createdBy":89,"createDate":518},279,"程序员做菜指南","2025-07-14 22:49:15",{"id":520,"name":88,"valid":87,"createdBy":521,"createDate":522},280,"wangzhe","2025-08-13 10:29:04",{"id":524,"name":88,"valid":87,"createdBy":525,"createDate":526},281,"csadmin","2025-10-14 14:58:38",{"id":528,"name":529,"valid":87,"createdBy":525,"createDate":530},282,"666","2025-10-14 15:13:14",{"id":532,"name":88,"valid":87,"createdBy":533,"createDate":534},283,"asdasdsa","2025-11-07 23:56:09",{"id":536,"name":537,"valid":87,"createdBy":533,"createDate":538},284,"1","2025-11-07 23:56:46",{"id":540,"name":88,"valid":87,"createdBy":541,"createDate":542},285,"admin1","2025-11-20 11:25:23",{"id":544,"name":88,"valid":87,"createdBy":545,"createDate":546},286,"wilkwo","2025-12-15 22:37:19",{"code":5,"msg":6,"data":548},{"result":549},[550,554,557,561],{"id":551,"name":552,"postId":20,"valid":537,"topicId":20,"createDate":553},9,"从零搭建博客","2023-05-29 00:08:30",{"id":101,"name":555,"postId":20,"valid":537,"topicId":20,"createDate":556},"前端开发","2022-10-29 18:53:22",{"id":558,"name":559,"postId":20,"valid":537,"topicId":20,"createDate":560},4,"javascript教程","2022-03-02 17:32:45",{"id":87,"name":562,"postId":20,"valid":537,"topicId":20,"createDate":563},"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":565},{"result":566},{"title":567,"content":568,"en_content":20,"createDate":569,"cate":73,"id":570,"uid":571,"page":5,"pageSize":5,"views":572,"comments":5,"wordsNum":5,"cateName":99,"keywords":573,"createBy":89,"nickname":574,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"前端基础总结：HTML基础知识","HTML基础知识1、HTML的历史：HTML，XHTML2、HTML的全局属性：全局标准属性，全局事件属性3、HTML的元素：\nup是一个从事前端开发6年的程序员，在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!标记语言，是一种将文本以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的电脑文字编码。HTML，为超文本标记语言。XHTML是可扩展超文本标记语言，是一种更纯洁，更严格，更规范的html代码。html文件由文件头和文件体两部分组成。标签的分类：双标签，单标签。双标签：由“开始标签”和“结束标签”两部分构成，必须成对使用，且必须合理嵌套。单标签：在开始标签中进行关闭（以开始标签的结束而结束）。HTML的全局标准属性在HTML中，规定了8个全局标准属性。class用于定义元素的类名。id用于指定元素的唯一id。style用于指定元素的行内样式。title用于指定元素的额外信息。accesskey用于指定激活某个元素的快捷键。支持accesskey属性的元素有\u003Ca>, \u003Carea>, \u003Cbutton>, \u003Cinput>, \u003Clabel>, \u003Clegend>, \u003Ctextarea>。tabindex用于指定元素在tab键下的次序。支持tabindex属性的元素有\u003Ca>,\u003Carea>,\u003Cbutton>,\u003Cinput>,\u003Cobject>,\u003Cselect>,\u003Ctextarea>dir用于指定元素中内容的文本方向。dir的属性值只有ltr和rtl两种，分别是left to right和right to left。lang用于指定元素内容的语言。HTML的全局事件属性Window窗口事件onload，在页面加载结束后触发。onunload，在用户从页面离开时触发，如单击跳转，页面重载，关闭浏览器窗口等。Form表单事件onblur，当元素失去焦点时触发。onchange，在元素的元素值被改变时触发。onfocus，在元素获得焦点时触发。onreset，当表单中的重载按钮被点击时触发。onselect，在元素中文本被选中后触发。onsubmit，在提交表单时触发。Keyboard键盘事件onkeydown，在用户按下按键时触发。onkeypress，在用户按下按键后，按着按键时触发。该属性不会对所有按键生效，不生效按键如：alt，ctrl，shift，esc。onkeyup，当用户释放按键时触发。Mouse鼠标事件onclick，当在元素上单击鼠标时触发。ondblclick，当在元素上双击鼠标时触发。onmousedown，当在元素上按下鼠标按钮时触发。onmousemove，当鼠标指针移动到元素上时触发。onmouseout，当鼠标指针移出元素时触发。onmouseover，当鼠标指针移动到元素上时触发。onmouseup，当在元素上释放鼠标按钮时触发。Media媒体事件onabort，当退出媒体播放器时触发。onwaiting，当媒体已停止播放但打算继续播放时触发。HTML元素\n一个HTML文档包含的标签\u003C!DOCTYPE>，声明文档类型。\u003Chtml>，HTML元素真正的根元素。\u003Chead>，定义html文档的文档头。head中包含的元素title，定义HTML文档的标题base，为页面上的所有链接规定默认地址或者默认目标link，用于定义文档与外部资源之间的关系meta，提供关于HTML的元数据style，用于为HTML文档定义样式信息script，用于定义客户端脚本body，定义html文档的文档体。content-Type，用于设定网页的字符集，便于浏览器解析与渲染页面。代码：\u003Cmeta http-equiv=\"content-Type` content=\"text/html\"; charset=utf-8\">cache-control，用于告诉浏览器如何缓存某个响应及缓存多长时间。参数：no-cache，发送请求，与服务器确认该资源是否被更改，如果没有，则使用缓存no-store，允许缓存，每次都要去服务器上下载完整的响应public，缓存所有响应private，只为单个用户缓存max-age，表示当前请求开始，相应响应在多久内能被缓存和重用，不去服务器重新请求，max-age=60表示响应可以再缓存和重用60秒\u003Cmeta http-equiv=cache-control\" content=\"no-cache\">expires，用于设定网页的到期时间，过期后重新到服务器上重新传输。refresh，网页将在设定的时间内，自动刷新并转向设定的网址Set-Cookie，用于设置网页过期。无语义元素：\u003Cspan>,\u003Cdiv>，\u003Cspan>是内联标签，用在一行文本中，\u003Cdiv>是块级标签。DIV+CSSdiv用于存放需要显示的数据，css用于指定如何显示数据样式，做到结构与样式相互分离。查看div+css样式HTML:点击下方链接跳转，可查看源码：div-css.html格式化元素普通文本\u003Cb>，定义粗体文本\u003Cbig>，定义大号字\u003Cem>，定义着重文字\u003Ci>，定义斜体字\u003Csmall>，定义小号字\u003Cstrong>，定义加重语气\u003Csub>，定义下标字\u003Csup>，定义上标字\u003Cins>，定义插入字\u003Cdel>，定义删除字计算机输出\u003Ccode>，定义计算机代码\u003Ckbd>，定义键盘输出样式\u003Csamp>，定义计算机代码样本\u003Ctt>，定义打字机输入样式\u003Cpre>，定义预格式文本术语\u003Cabbr>，定义缩写\u003Cacronym>，定义首字母缩写\u003Caddress>，定义地址\u003Cbdo>，定义文字方向\u003Cblockquote>定义长的引用\u003Cq>，定义短的引用语\u003Ccite>，定义引用，引证\u003Cdfn>，定义一个概念，项目图片元素\u003Cimg src=\"图片的url\" alt = \"图像的替代文本\">超链接元素\u003Ca>标签的target属性，默认值为_self。\n文本链接是\u003Ca>\u003C/a>标签之间的元素内容为文本内容。锚点链接是用#+对应的锚点，锚点通常用唯一属性值id设定。图像热区链接图像热区链接，是什么呢？当你在看一些购物网页的时候，一张图片上，可以在不同的地方链接到不同的目标位置，点击不同的地方可以跳转到不同的网页，这也是做商城项目一般要用到的技术。这个时候不是\u003Ca>标签元素了，而是\u003Carea>元素。\u003Carea>元素的属性有两个shape，cords属性。\n\u003Carea>的坐标系，原点为图片的左上角,x轴正方向向右，y轴正方向向下我画个图哈，反映\u003Carea>的坐标系：\n图像热区链接的使用，\u003Cmap>标签定义一个image-map，可以含一个以上的热区\u003Carea>，每个热区都有独立的链接。要为\u003Cmap>标签赋予name属性。将\u003Cimg>标签的usemap属性与\u003Cmap>标签的name属性相关联。为了证明我学会了，我写一个html页面。map -> name=\"image_link\"img -> usemap=\"#image_link\"点击跳转：imgmap.htmle-mail链接e-mail链接主要是看到有很多官方网页需要做的一个打开一封新的电子邮件。点击下方链接即可看到效果：联系我们代码：\u003Ca href=\"mailto:xxxxxx@qq.com\">联系我们\u003C/a>javascript链接点击JavaScript链接：点击弹窗代码：\u003Ca href=\"javascript:alert('哈哈，你点击了！');\">点击弹窗\u003C/a>空链接空链接是指未指派目标地址的超链接。空链接的代码：javascript: void(0)\u003Ca href=\"\">\u003C/a>\u003Ca href=\"#\">\u003C/a>\u003Ca href=\"javascript:void(0)\">\u003C/a>列表元素整合列表html网页，点击跳转：ul-ol.html无序列表，\u003Cul>定义无序列表，\u003Cli>定义列表项。\u003Cul>的type属性值：disc点，square方块，circle圆，none无.有序列表，\u003Col>定义有序列表，\u003Cli>定义列表项。\u003Col>的type属性值：数字，大写字母，大写罗马数字，小写字母，小写罗马数字。start属性定义序号的开始位置。定义列表\u003Cdl>，定义列表内部可以有多个列表项标题，每个列表项标题用\u003Cdt>标签定义，列表项标题内部又可以有多个列表项描述，用\u003Cdd>标签定义。表格整合表格html网页，点击跳转：table.html\u003Ctable>定义表格\u003Ccaption>定义表格标题\u003Ctr>定义若干行\u003Ctd>定义若干单元格\u003Cth>定义表头表格分头部，主体，底部：\u003Cthead>,\u003Ctbody>,\u003Ctfoot>三个标签。\n\u003Ctd>的两个属性：colspan用于定义单元格跨行，rowspan用于定义单元格跨列\u003Ctbody>,\u003Cthead>,\u003Ctfoot>标签通常用于对表格内容进行分组。表单由\u003Cform>标签定义，action属性定义了表单提交的地址，method属性定义表单提交的方式。代码：\u003Cinput type=\"text\">\u003Cinput type=\"password\">\u003Cinput type=\"radio\">\u003Cinput type=\"checkbox\">\u003Cinput type=\"submit\">\u003Cinput type=\"reset\">\u003Cinput type=\"button\">\u003Cinput type=\"image\">\u003Cinput type=\"file\">\u003Cinput type=\"hidden\">\u003Cselect>\u003Coption>size属性用来设置选择栏的高度，multiple属性用来决定是多选列表，还是单选selected=\"selected\"表单控件，用于输入更多的文本\u003Ctextarea>元素\u003Ctextarea>标签具有name,cols,rows3个属性。name用于提交参数value用于输入文本内容cols和rows分别用于文本框的列数和行数，宽度和高度。效果：自我评价：代码：\u003Cform action=\"web\" method=\"post\"> 自我评价：\u003Cbr/> \u003Ctextarea rows=\"10\" cols=\"50\" name=\"introduce\"> \u003C/textarea> \u003Cbr/> \u003Cinput type=\"submit\" id=\"\" name=\"\">\u003C/form>frameset\u003Cframeset>定义一个框架集，用于组织多个窗口，每个框架存有独立的html文档\u003Cframeset>不能与\u003Cbody>共同使用，除非有\u003Cnoframe>元素\u003Cframe>用于定义\u003Cframeset>中一个特定的窗口。空元素\u003Cframe/>frame属性\n\u003Cnoframe>，用于为那些不支持框架集的浏览器显示文本\u003Ciframe>，与\u003Cframe>元素相同，iframe有frame的属性，还加了height和width代码：\u003C!DOCTYPE html>\u003Chtml>\t\u003Chead>\t\t\u003Cmeta charset=\"utf-8\"> \u003Ctitle>frameset\u003C/title>\t\u003C/head> \u003Cframeset cols=\"25%,50%,25%\"> \u003Cframe src=\"https://blog.csdn.net/qq_36232611\" scrolling=\"no\" noresize=\"noresize\">\u003C/frame> \u003Cframe src=\"https://juejin.im/user/5e477d7ce51d4526c550a27d\" >\u003C/frame> \u003Cframe src=\"https://www.jianshu.com/u/c785ece603d1\" >\u003C/frame> \u003C/frameset> \u003Cnoframes> \u003Cbody>您的浏览器无法处理框架，请更换浏览器打开\u003C/body> \u003C/noframes>\u003C/html>预留字符HTML 中的预留字符必须被替换为字符实体。\n","2020-05-23 19:29:14",2303,"8797b940-2212-493a-a05c-c0f218ceaa4a",917,"HTML, 属性, 元素","图恩",{"code":5,"msg":6,"data":576},[577,581,585,589,593,596,600,604,608,612],{"title":578,"content":20,"en_content":20,"createDate":20,"cate":5,"id":579,"uid":580,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"HTML基础知识",567,"e304fede-f24b-4510-a14a-e9b0c7961958",{"title":582,"content":20,"en_content":20,"createDate":20,"cate":5,"id":583,"uid":584,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"编写灵活、稳定、高质量的HTML代码的规范，附web前端资料",570,"db0549d2-bea0-4af7-8cc1-976153a52800",{"title":586,"content":20,"en_content":20,"createDate":20,"cate":5,"id":587,"uid":588,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"jQuery实现自动切换动画",611,"0d55bef4-e172-459e-b401-79a412e33216",{"title":590,"content":20,"en_content":20,"createDate":20,"cate":5,"id":591,"uid":592,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"前端面试日更解答 2020-03-22",620,"67501b5f-87b6-4d27-982a-a1024bc91deb",{"title":594,"content":20,"en_content":20,"createDate":20,"cate":5,"id":50,"uid":595,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"JQuery如何上传文件？（多文件上传）","a7d5faf3-9205-4f1b-9657-572625904d41",{"title":597,"content":20,"en_content":20,"createDate":20,"cate":5,"id":598,"uid":599,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"前端面试日更解答 2020-03-21",644,"85aed896-2214-4d18-96b8-c4202ba8e181",{"title":601,"content":20,"en_content":20,"createDate":20,"cate":5,"id":602,"uid":603,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"如何学习前端？前端学习路线总结",648,"7d7d4abd-68e9-4003-9feb-8720e27a2ee4",{"title":605,"content":20,"en_content":20,"createDate":20,"cate":5,"id":606,"uid":607,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"前端面试日更解答 2020-03-17",700,"e6d6c724-9d47-4dfc-a722-8d990c29e175",{"title":609,"content":20,"en_content":20,"createDate":20,"cate":5,"id":610,"uid":611,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"HTML5标签大全",707,"2fcb6091-601c-43f3-8028-bdb5b0d7c2de",{"title":613,"content":20,"en_content":20,"createDate":20,"cate":5,"id":614,"uid":615,"page":5,"pageSize":5,"views":5,"comments":5,"wordsNum":5,"cateName":20,"keywords":20,"createBy":20,"nickname":20,"orderBy":20,"order":20,"coverImageUrl":20,"tag":20,"ai_en":20,"en_tag":20},"8、webpack从0到1-基本的plugins",729,"225d682c-4c8c-432f-81fb-823596af1d6f",["Reactive",617],{"$ssiteInfoStore":7},["Set"],["ShallowReactive",620],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":-1,"$fiozxmIPKFWFlWjF7EQDKmY8fRQ0KzG8liKBVgDsIsRw":-1,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":-1,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":-1,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":-1,"$fmV9y9DRfsPB2eoiDaawAfudcHUaWyIlrvxCtbCf7_R0":-1},true,"/post/8797b940-2212-493a-a05c-c0f218ceaa4a",["Reactive",624],{}]</script></body></html>