HTML学习笔记（一）

作者: 图恩分类: 编程开发阅读: 686发布时间： 2020-04-23 11:35:29

一、结构标记 header 页头文档头 section 页面主体文档主体 nav导航 aside边栏 article文章 footer底部其中 header nav footer section用的比较多主要是切分结构方便阅读。二、标签
换行标题 <nobr> 强制不换行 <h1>~<h6> 最多6级标题 <p> 这是段落大多数来做正文 <pre> 预格式化 <div> 这是分区标记 <b>粗体 <i>斜体 <s>删除线 <u>下划线 <strong> 强调（和粗体一样） <em> 和斜体一样 <sub>下标 <sup>上标 <hr /> 水平线分割线 <img> 图片 <a> 链接  <a href="#" target="_blank" rel="noopener noreferrer"></a>  <a name="poem">定义锚点</a> <table>  <table> <caption>这里是表的标题</caption>  <thead> <tr>  <th>header</th> </tr> </thead>  <tbody> <tr> <td>data</td> </tr> </tbody>  <tfoot> <tr></tr> </tfoot> </table> <ol> 有序列表 <li> type <ul> 无序列表（type:disk,circle,square） <dl> 定义列表 <dt> 定义标题 <dd>定义内容 <form> :表单 method= get/post action 提交的路径 <input> 输入框 name：为input命名，提交必须定义name value: 按钮的文字/文本的初始值 size 文本框宽度 type：定义input 的功能，requied，disabled，readonly) input type = radio 单选框必备属性name组名（一组单选框 name必须相同）value 选项值 checked 默认选中 type = checkbox 复选框 type = reset重置 type=button 按钮 type=submit 提交表单按钮 type = file选中文件 type=hidden 隐藏的表单提交会携带 <select> 选择框 name option 定义菜单项 size行数 multiple 允许多选仅适用多行菜单 selected 加在option上定义菜单默认选中 <fieldset> 分组 <legend>来命名 <fieldset> <legend>组名</legend> </fieldset> <textarea>文本域 cols 列数，rows行高，name命名 <label> 文本标签能和一些标签绑定点击label相当于点击绑定的标签 <input type="checkbox" id=selected> <label for="selected">点击选中</label> <button> 普通按钮 <iframe> 窗口可以打开其他网页 <iframe src="text.html" width="600px" height="400px" frameborder="0" name="window" scrolling="no"></iframe> 三、特殊字符空格 © © < < > > " ” & & 这里比较全 <p style='opacity:0'><a href='https://www.dsiab.com' style='cursor:unset'>本文章由javascript技术分享原创和收集</a></p></div></div><div class="post-footer" data-v-4d109b7c><div class="copy-desc" data-v-4d109b7c><div data-v-4d109b7c>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-4d109b7c> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9" data-v-4d109b7c>HTML学习笔记（一）</a></div></div></div><div class="postRecommend" style="display:none;" data-v-4d109b7c><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul></ul></div><div class="comments" data-v-4d109b7c 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><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于发表后名称显示" style=""></div></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><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="用于接收回复邮件,不会公开展示" style=""></div></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><textarea class="el-textarea__inner" tabindex="0" autocomplete="off" style="" placeholder="写下你的问题" rows="5"></textarea></div></div></div><div class="el-form-item asterisk-left el-form-item--label-right" data-v-f2b74ff7><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><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-4d109b7c><div style="width:1px;height:1px;" class="el-image" data-v-4d109b7c><div class="el-image__wrapper"><div class="el-image__placeholder"></div></div></div></div></div><div class="side-bar layouts-sideBar" data-v-aca2ff48 data-v-6c3b369b><ul data-v-6c3b369b><li data-v-6c3b369b><div class="search" data-v-6c3b369b><div class="el-input el-input--large el-input-group el-input-group--append" style="" data-v-6c3b369b><div class="el-input__wrapper"><input class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="请输入关键字搜索" style=""></div><div class="el-input-group__append"><button ariadisabled="false" type="button" class="el-button" style="" data-v-6c3b369b><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></button></div></div></div></li><li style="" data-v-6c3b369b><div class="_oi1z2s14bx" data-v-6c3b369b></div></li><div style="" class="_clzacg58dkb" data-v-6c3b369b></div><li data-v-6c3b369b><div class="module category" data-v-6c3b369b><div class="common-title" data-v-6c3b369b data-v-a72f5a0e>专题推荐 <i class="active-line" data-v-a72f5a0e></i></div><div class="el-carousel el-carousel--horizontal car-item" data-v-6c3b369b><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-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/10" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>程序员做菜指南</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/9" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>从零搭建博客</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/8" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>前端开发</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/4" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>javascript教程</div></div></div><div class="el-carousel__item" style="transform:translateX(0px) scale(1);display:none;" data-v-6c3b369b><div class="carousel-item-container" data-v-6c3b369b><a href="/topic/1" target="_blank" data-v-6c3b369b><img src="https://source.dsiab.com/upload/cf172b78-9a2b-4ed3-8ae8-18ecaf612d98.jpg" alt style="height:140px;width:100%;" data-v-6c3b369b></a><div class="carousel-item-desc" data-v-6c3b369b>vue3+ts教程</div></div></div></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal el-carousel__indicators--outside"></ul></div></div></li><li data-v-6c3b369b><div class="module" data-v-6c3b369b><div class="common-title" data-v-6c3b369b data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul data-v-6c3b369b><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/09e7d1dd-36a8-48a2-9d8a-7b8eefd3adf8" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>1</span>无法加载文件 C:\nvm4w\nodejs\npm.ps1</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：985</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-02-16 21:49:14</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/af028b75-862b-4cbc-a82a-28f84d55d0d2" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>2</span>谷歌浏览器Chrome官方最新版下载地址</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：721</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-02-23 23:15:22</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/8c5e32d1-9c07-4ab2-a462-1936a6f6afeb" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>3</span>vue3是如何实现双向绑定的？</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：721</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-03-13 20:59:36</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/ac918980-075b-4f3d-af95-db6601ba1077" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>4</span>任何值得做的事都值得花时间慢慢做</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：720</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-02-22 23:03:17</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/4033ff35-6d4e-4871-9456-881607e8a804" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>5</span>周末随笔</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：719</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-03-16 22:35:05</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/d3b727b4-5495-4684-b6d4-1e4e046dd668" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>6</span>最顶级的教养就是从不拆穿</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：717</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-03-25 21:01:23</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/1e5695ea-8f5e-4381-8c07-dfa186616108" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>7</span>手机忘记解锁密码，只能恢复出厂设置</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：716</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-03-11 22:47:02</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/3914540a-3462-47f2-b961-8d1fbbd1b3dd" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>8</span>自驾巽寮湾</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：715</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-03-02 21:08:15</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/242ea5df-b45d-4e8f-8ea7-8cdd03cea200" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>9</span>自驾罗浮山</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：660</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-05-17 22:02:42</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/836bd4f5-aa6c-4859-9974-f7cf66f2a233" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>10</span>又遇高一班主任</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：611</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-06-04 22:31:37</span></div></li></ul></div></li></ul></div></div><div class="home-footer" data-v-aca2ff48><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-2025 javascript技术分享</a></div></div></div></div></div><div id="teleports"></div><script src="https://hm.baidu.com/hm.js?96ab5c4cd236e8e96687d2dab55e7034" async></script> <script src="https://cpro.baidustatic.com/cpro/ui/cm.js" defer></script> <script src="https://www.googletagmanager.com/gtag/js?id=G-HX495VD0E0" defer></script> <script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":562,"once":564,"_errors":565,"serverRendered":575,"path":576},["ShallowReactive",3],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":4,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":16,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":465,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":527,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":529,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":550,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":560},{"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\":\"/nav\",\"enabled\":\"Y\",\"imgUrl\":\"网站导航\",\"desc\":\"/nav\"},{\"menuName\":\"关于\",\"menuUrl\":\"/post/5ee344af-58ce-4e44-a410-febc1d1730fa\",\"enabled\":\"Y\",\"imgUrl\":\"关于\",\"desc\":\"/post/13\"},{\"menuName\":\"升级日志\",\"menuUrl\":\"https://gitee.com/wilkwo/nuxt-web-plus/releases\",\"enabled\":\"Y\",\"imgUrl\":\"更新日志\",\"desc\":\"https://gitee.com/wilkwo/nuxt-web-plus/releases\"},{\"menuName\":\"优乐购\",\"menuUrl\":\"/tbk\",\"enabled\":\"N\"}]","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-2023 javascript技术分享",{"code":5,"msg":6,"data":17},{"result":18},[19,24,27,30,33,36,39,42,45,48,51,54,57,60,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,186,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,340,344,348,352,356,360,364,368,372,376,381,384,388,392,396,400,404,408,412,416,420,424,428,432,436,440,444,449,453,457,461],{"id":20,"name":21,"valid":20,"createdBy":22,"createDate":23},1,"未分类","admin","2022-01-20 23:26:35",{"id":25,"name":26,"valid":20,"createdBy":22,"createDate":23},2,"前端面试",{"id":28,"name":29,"valid":20,"createdBy":22,"createDate":23},3,"开发笔记",{"id":31,"name":32,"valid":20,"createdBy":22,"createDate":23},5,"生活笔记",{"id":34,"name":35,"valid":20,"createdBy":22,"createDate":23},7,"编程开发",{"id":37,"name":38,"valid":20,"createdBy":22,"createDate":23},8,"网络资讯",{"id":40,"name":41,"valid":20,"createdBy":22,"createDate":23},103,"育儿心得",{"id":43,"name":44,"valid":20,"createdBy":22,"createDate":23},111,"佳句精选",{"id":46,"name":47,"valid":20,"createdBy":22,"createDate":23},120,"资源分享",{"id":49,"name":50,"valid":20,"createdBy":22,"createDate":23},122,"教育考试",{"id":52,"name":53,"valid":20,"createdBy":22,"createDate":23},123,"开发教程",{"id":55,"name":56,"valid":20,"createdBy":22,"createDate":23},126,"大事记",{"id":58,"name":59,"valid":20,"createdBy":22,"createDate":23},137,"诗词鉴赏",{"id":61,"name":62,"valid":20,"createdBy":22,"createDate":23},140,"成长记录",{"id":64,"name":21,"valid":20,"createdBy":65,"createDate":66},151,"admin11","2022-08-24 22:26:29",{"id":68,"name":21,"valid":20,"createdBy":69,"createDate":70},155,"1111","2022-08-24 22:45:04",{"id":72,"name":73,"valid":20,"createdBy":69,"createDate":74},156,"123","2022-08-24 22:45:20",{"id":76,"name":21,"valid":20,"createdBy":77,"createDate":78},157,"admin111","2022-08-26 10:48:31",{"id":80,"name":81,"valid":20,"createdBy":22,"createDate":82},160,"网络文学","2022-08-27 21:27:36",{"id":84,"name":21,"valid":20,"createdBy":85,"createDate":86},161,"aasun","2022-08-30 16:16:01",{"id":88,"name":21,"valid":20,"createdBy":89,"createDate":90},162,"fadf","2022-09-04 13:23:58",{"id":92,"name":93,"valid":20,"createdBy":22,"createDate":94},168,"家乡动态","2022-09-13 22:33:10",{"id":96,"name":21,"valid":20,"createdBy":97,"createDate":98},169,"cbyniyga","2022-09-14 11:23:03",{"id":100,"name":21,"valid":20,"createdBy":101,"createDate":102},170,"masks","2022-09-14 13:24:23",{"id":104,"name":21,"valid":20,"createdBy":105,"createDate":106},171,"123123","2022-09-14 19:29:18",{"id":108,"name":21,"valid":20,"createdBy":109,"createDate":110},172,"qwer","2022-09-15 14:35:09",{"id":112,"name":21,"valid":20,"createdBy":113,"createDate":114},173,"qwer1123","2022-09-16 20:16:47",{"id":116,"name":21,"valid":20,"createdBy":117,"createDate":118},174,"aaaa","2022-09-21 10:25:36",{"id":120,"name":21,"valid":20,"createdBy":121,"createDate":122},175,"arthur","2022-09-29 15:46:20",{"id":124,"name":21,"valid":20,"createdBy":125,"createDate":126},180,"jiangmeng","2022-10-19 09:49:28",{"id":128,"name":21,"valid":20,"createdBy":129,"createDate":130},183,"test1","2022-10-27 13:32:49",{"id":132,"name":21,"valid":20,"createdBy":133,"createDate":134},184,"flower","2022-11-02 23:46:28",{"id":136,"name":21,"valid":20,"createdBy":137,"createDate":138},185,"test12","2022-11-21 17:13:44",{"id":140,"name":21,"valid":20,"createdBy":141,"createDate":142},186,"1111111","2022-11-21 22:40:22",{"id":144,"name":21,"valid":20,"createdBy":145,"createDate":146},187,"123456","2022-11-21 22:40:55",{"id":148,"name":21,"valid":20,"createdBy":149,"createDate":150},188,"23423","2022-11-26 16:07:57",{"id":152,"name":21,"valid":20,"createdBy":153,"createDate":154},189,"adlfll","2022-11-26 16:09:56",{"id":156,"name":21,"valid":20,"createdBy":157,"createDate":158},190,"adsf","2022-11-26 16:13:00",{"id":160,"name":21,"valid":20,"createdBy":161,"createDate":162},191,"test111","2022-11-26 16:14:12",{"id":164,"name":21,"valid":20,"createdBy":165,"createDate":166},193,"u1223","2022-12-02 08:37:06",{"id":168,"name":21,"valid":20,"createdBy":169,"createDate":170},195,"ferromagnetic","2022-12-15 15:54:46",{"id":172,"name":21,"valid":20,"createdBy":173,"createDate":174},196,"23444","2022-12-28 15:37:38",{"id":176,"name":21,"valid":20,"createdBy":177,"createDate":178},198,"wer234","2023-02-03 22:56:03",{"id":180,"name":21,"valid":20,"createdBy":181,"createDate":182},199,"234234","2023-02-03 22:57:12",{"id":184,"name":21,"valid":20,"createdBy":149,"createDate":185},200,"2023-02-03 22:57:30",{"id":187,"name":21,"valid":20,"createdBy":65,"createDate":188},201,"2023-02-13 21:11:11",{"id":190,"name":191,"valid":20,"createdBy":22,"createDate":192},202,"光影分享","2023-02-16 23:00:38",{"id":194,"name":195,"valid":20,"createdBy":22,"createDate":196},203,"佳文收藏","2023-03-04 20:45:25",{"id":198,"name":199,"valid":20,"createdBy":22,"createDate":200},205,"其他","2023-04-19 23:08:33",{"id":202,"name":21,"valid":20,"createdBy":203,"createDate":204},206,"234234234","2023-05-18 22:01:00",{"id":206,"name":21,"valid":20,"createdBy":207,"createDate":208},207,"admin33","2023-05-18 22:02:38",{"id":210,"name":21,"valid":20,"createdBy":211,"createDate":212},208,"admin333333","2023-05-18 22:05:03",{"id":214,"name":21,"valid":20,"createdBy":215,"createDate":216},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":218,"name":21,"valid":20,"createdBy":219,"createDate":220},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":222,"name":21,"valid":20,"createdBy":223,"createDate":224},211,"233fwefwe","2023-05-18 22:15:30",{"id":226,"name":21,"valid":20,"createdBy":227,"createDate":228},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":230,"name":21,"valid":20,"createdBy":231,"createDate":232},213,"23423eeee","2023-05-18 22:44:12",{"id":234,"name":21,"valid":20,"createdBy":235,"createDate":236},214,"erwdfzxc","2023-05-18 22:47:18",{"id":238,"name":21,"valid":20,"createdBy":239,"createDate":240},215,"夏季男女对表","2023-05-23 15:24:02",{"id":242,"name":21,"valid":20,"createdBy":243,"createDate":244},219,"zhl77","2023-06-18 16:57:27",{"id":246,"name":21,"valid":20,"createdBy":247,"createDate":248},220,"admin123456","2023-06-26 16:56:23",{"id":250,"name":21,"valid":20,"createdBy":251,"createDate":252},222,"youyou","2023-08-10 17:07:19",{"id":254,"name":21,"valid":20,"createdBy":69,"createDate":255},223,"2023-08-17 11:24:23",{"id":257,"name":21,"valid":20,"createdBy":258,"createDate":259},224,"809630306","2023-08-19 13:01:41",{"id":261,"name":21,"valid":20,"createdBy":262,"createDate":263},225,"test333","2023-08-19 15:18:40",{"id":265,"name":21,"valid":20,"createdBy":266,"createDate":267},226,"demo","2023-08-21 15:28:44",{"id":269,"name":21,"valid":20,"createdBy":270,"createDate":271},227,"1234569","2023-08-28 10:58:32",{"id":273,"name":21,"valid":20,"createdBy":274,"createDate":275},228,"qqqq","2023-09-18 17:50:40",{"id":277,"name":21,"valid":20,"createdBy":278,"createDate":279},229,"test123","2023-09-20 11:23:40",{"id":281,"name":21,"valid":20,"createdBy":282,"createDate":283},231,"zmx123","2023-10-02 16:03:50",{"id":285,"name":21,"valid":20,"createdBy":286,"createDate":287},232,"yinquan","2023-10-10 11:58:33",{"id":289,"name":21,"valid":20,"createdBy":290,"createDate":291},233,"1354541","2023-10-10 14:35:53",{"id":293,"name":21,"valid":20,"createdBy":294,"createDate":295},234,"","2023-10-23 21:09:51",{"id":297,"name":21,"valid":20,"createdBy":298,"createDate":299},235,"asdf","2023-10-23 21:10:26",{"id":301,"name":21,"valid":20,"createdBy":302,"createDate":303},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":305,"name":21,"valid":20,"createdBy":306,"createDate":307},237,"ls123456","2023-10-26 21:59:55",{"id":309,"name":21,"valid":20,"createdBy":310,"createDate":311},238,"18165042571","2023-11-06 11:05:45",{"id":313,"name":21,"valid":20,"createdBy":314,"createDate":315},239,"gsoft","2023-11-18 07:44:43",{"id":317,"name":21,"valid":20,"createdBy":318,"createDate":319},240,"tststs","2023-12-10 20:53:50",{"id":321,"name":21,"valid":20,"createdBy":322,"createDate":323},241,"骑牛上班","2023-12-27 14:20:26",{"id":325,"name":326,"valid":20,"createdBy":22,"createDate":327},242,"影视分享","2024-01-02 21:50:02",{"id":329,"name":330,"valid":20,"createdBy":22,"createDate":331},243,"音乐分享","2024-01-02 21:50:08",{"id":333,"name":21,"valid":20,"createdBy":334,"createDate":335},244,"11112222","2024-01-09 16:23:29",{"id":337,"name":21,"valid":20,"createdBy":338,"createDate":339},245,"ssdate","2024-01-17 14:38:21",{"id":341,"name":21,"valid":20,"createdBy":342,"createDate":343},246,"admin666","2024-01-21 15:40:53",{"id":345,"name":21,"valid":20,"createdBy":346,"createDate":347},247,"test51","2024-03-02 14:07:11",{"id":349,"name":21,"valid":20,"createdBy":350,"createDate":351},249,"bf斯金纳","2024-03-14 21:53:53",{"id":353,"name":21,"valid":20,"createdBy":354,"createDate":355},250,"testyear","2024-04-12 21:10:42",{"id":357,"name":358,"valid":20,"createdBy":22,"createDate":359},251,"stable diffuson","2024-04-13 23:00:11",{"id":361,"name":362,"valid":20,"createdBy":22,"createDate":363},252,"每日一图","2024-04-17 21:49:58",{"id":365,"name":366,"valid":20,"createdBy":22,"createDate":367},253,"AI问答","2024-04-23 23:13:47",{"id":369,"name":21,"valid":20,"createdBy":370,"createDate":371},254,"hy9810","2024-04-30 11:23:55",{"id":373,"name":21,"valid":20,"createdBy":374,"createDate":375},256,"444444","2024-05-25 14:47:09",{"id":377,"name":378,"valid":20,"createdBy":379,"createDate":380},257,"我是分类","test","2024-06-04 16:51:00",{"id":382,"name":21,"valid":20,"createdBy":379,"createDate":383},258,"2024-06-10 13:58:35",{"id":385,"name":386,"valid":20,"createdBy":379,"createDate":387},260,"ert","2024-06-10 14:12:08",{"id":389,"name":21,"valid":20,"createdBy":390,"createDate":391},261,"testing","2024-06-19 00:08:44",{"id":393,"name":21,"valid":20,"createdBy":394,"createDate":395},262,"weicong","2024-06-24 21:28:28",{"id":397,"name":398,"valid":20,"createdBy":379,"createDate":399},263,"测试1111","2024-06-26 15:29:56",{"id":401,"name":21,"valid":20,"createdBy":402,"createDate":403},264,"1234","2024-07-08 22:35:39",{"id":405,"name":21,"valid":20,"createdBy":406,"createDate":407},265,"adminadmin","2024-08-07 14:29:16",{"id":409,"name":410,"valid":20,"createdBy":22,"createDate":411},266,"玩车日记","2024-10-13 23:10:34",{"id":413,"name":21,"valid":20,"createdBy":414,"createDate":415},267,"1122","2024-10-31 20:24:40",{"id":417,"name":21,"valid":20,"createdBy":418,"createDate":419},268,"admin_sw","2024-11-01 14:00:32",{"id":421,"name":21,"valid":20,"createdBy":422,"createDate":423},269,"mundane","2024-11-22 15:23:28",{"id":425,"name":426,"valid":20,"createdBy":379,"createDate":427},270,"312312","2024-12-12 17:25:52",{"id":429,"name":430,"valid":20,"createdBy":379,"createDate":431},271,"43243","2024-12-12 17:26:03",{"id":433,"name":21,"valid":20,"createdBy":434,"createDate":435},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":437,"name":21,"valid":20,"createdBy":438,"createDate":439},273,"zj676606191","2025-03-24 09:42:21",{"id":441,"name":21,"valid":20,"createdBy":442,"createDate":443},274,"海洋之心","2025-06-07 21:47:31",{"id":445,"name":446,"valid":20,"createdBy":447,"createDate":448},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":450,"name":21,"valid":20,"createdBy":451,"createDate":452},277,"mengmengrong","2025-06-26 15:46:45",{"id":454,"name":455,"valid":20,"createdBy":22,"createDate":456},278,"SQL","2025-06-26 23:03:01",{"id":458,"name":459,"valid":20,"createdBy":22,"createDate":460},279,"程序员做菜指南","2025-07-14 22:49:15",{"id":462,"name":21,"valid":20,"createdBy":463,"createDate":464},280,"wangzhe","2025-08-13 10:29:04",{"code":5,"msg":6,"data":466},[467,474,480,485,491,497,503,509,515,521],{"title":468,"content":469,"createDate":470,"cate":28,"id":471,"uid":472,"page":5,"pageSize":5,"views":473,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"无法加载文件 C:\\nvm4w\\nodejs\\npm.ps1",null,"2025-02-16 21:49:14",50501,"09e7d1dd-36a8-48a2-9d8a-7b8eefd3adf8",985,{"title":475,"content":469,"createDate":476,"cate":28,"id":477,"uid":478,"page":5,"pageSize":5,"views":479,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"谷歌浏览器Chrome官方最新版下载地址","2025-02-23 23:15:22",50503,"af028b75-862b-4cbc-a82a-28f84d55d0d2",721,{"title":481,"content":469,"createDate":482,"cate":28,"id":483,"uid":484,"page":5,"pageSize":5,"views":479,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"vue3是如何实现双向绑定的？","2025-03-13 20:59:36",50506,"8c5e32d1-9c07-4ab2-a462-1936a6f6afeb",{"title":486,"content":469,"createDate":487,"cate":43,"id":488,"uid":489,"page":5,"pageSize":5,"views":490,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"任何值得做的事都值得花时间慢慢做","2025-02-22 23:03:17",50502,"ac918980-075b-4f3d-af95-db6601ba1077",720,{"title":492,"content":469,"createDate":493,"cate":31,"id":494,"uid":495,"page":5,"pageSize":5,"views":496,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"周末随笔","2025-03-16 22:35:05",50507,"4033ff35-6d4e-4871-9456-881607e8a804",719,{"title":498,"content":469,"createDate":499,"cate":194,"id":500,"uid":501,"page":5,"pageSize":5,"views":502,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"最顶级的教养就是从不拆穿","2025-03-25 21:01:23",50508,"d3b727b4-5495-4684-b6d4-1e4e046dd668",717,{"title":504,"content":469,"createDate":505,"cate":31,"id":506,"uid":507,"page":5,"pageSize":5,"views":508,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"手机忘记解锁密码，只能恢复出厂设置","2025-03-11 22:47:02",50505,"1e5695ea-8f5e-4381-8c07-dfa186616108",716,{"title":510,"content":469,"createDate":511,"cate":31,"id":512,"uid":513,"page":5,"pageSize":5,"views":514,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"自驾巽寮湾","2025-03-02 21:08:15",50504,"3914540a-3462-47f2-b961-8d1fbbd1b3dd",715,{"title":516,"content":469,"createDate":517,"cate":409,"id":518,"uid":519,"page":5,"pageSize":5,"views":520,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"自驾罗浮山","2025-05-17 22:02:42",50513,"242ea5df-b45d-4e8f-8ea7-8cdd03cea200",660,{"title":522,"content":469,"createDate":523,"cate":31,"id":524,"uid":525,"page":5,"pageSize":5,"views":526,"comments":5,"wordsNum":5,"cateName":469,"keywords":469,"createBy":469,"nickname":469,"orderBy":469,"order":469,"coverImageUrl":469},"又遇高一班主任","2025-06-04 22:31:37",50514,"836bd4f5-aa6c-4859-9974-f7cf66f2a233",611,{"code":5,"msg":6,"data":528},{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},{"code":5,"msg":6,"data":530},{"result":531},[532,536,540,543,547],{"id":533,"name":459,"postId":469,"valid":534,"topicId":469,"createDate":535},10,"1","2025-07-14 22:49:39",{"id":537,"name":538,"postId":469,"valid":534,"topicId":469,"createDate":539},9,"从零搭建博客","2023-05-29 00:08:30",{"id":37,"name":541,"postId":469,"valid":534,"topicId":469,"createDate":542},"前端开发","2022-10-29 18:53:22",{"id":544,"name":545,"postId":469,"valid":534,"topicId":469,"createDate":546},4,"javascript教程","2022-03-02 17:32:45",{"id":20,"name":548,"postId":469,"valid":534,"topicId":469,"createDate":549},"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":551},{"result":552},{"title":553,"content":554,"createDate":555,"cate":34,"id":556,"uid":557,"page":5,"pageSize":5,"views":558,"comments":5,"wordsNum":5,"cateName":35,"keywords":469,"createBy":22,"nickname":559,"orderBy":469,"order":469,"coverImageUrl":469},"HTML学习笔记（一）","一、结构标记\nheader 页头文档头\nsection 页面主体文档主体\nnav导航\naside边栏\narticle文章\nfooter底部\n其中 header nav footer section用的比较多主要是切分结构方便阅读。\n二、标签\n\u003Cbr /> 换行\n\u003Ctitle> 标题\n\u003Cnobr> 强制不换行\n\u003Ch1>~\u003Ch6> 最多6级标题\n\u003Cp> 这是段落大多数来做正文\n\u003Cpre> 预格式化\n\u003Cdiv> 这是分区标记\n\u003Cb>粗体\n\u003Ci>斜体\n\u003Cs>删除线\n\u003Cu>下划线\n\u003Cstrong> 强调（和粗体一样）\n\u003Cem> 和斜体一样\n\u003Csub>下标\n\u003Csup>上标\n\u003Chr /> 水平线分割线\n\u003Cimg> 图片\n\u003Ca> 链接\n\u003C!-- 链接地址 target:_self本窗口 _blank 新窗口 href 链接地址 #xxx 锚点标记实现点击跳转可以指向锚点也可以直接指向id -->\n\u003Ca href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\u003C/a>\n\u003C!-- 这是一个锚点可以通过\u003Ca>跳转 -->\n\u003Ca name=\"poem\">定义锚点\u003C/a>\n\u003Ctable>\n \u003C!-- (\u003Ctr> align 水平对齐,valign 垂直方向),（\u003Ctd> align水平，valign 垂直 width 宽度 height 高度 colspan 跨列 rolspan 跨行 -->\n \u003Ctable>\n \u003Ccaption>这里是表的标题\u003C/caption>\n \u003C!-- 这里是表头 -->\n \u003Cthead>\n \u003Ctr>\n \u003C!-- \u003Ctd> 用的居多 \u003Cth>主要特点居中对齐文字加粗 -->\n \u003Cth>header\u003C/th>\n \u003C/tr>\n \u003C/thead>\n \u003C!-- 这里是表主体 -->\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>data\u003C/td>\n \u003C/tr>\n \u003C/tbody>\n \u003C!-- 这里是表底部 -->\n \u003Ctfoot>\n \u003Ctr>\u003C/tr>\n \u003C/tfoot>\n \u003C/table>\n\u003Col> 有序列表 \u003Cli> type\n\u003Cul> 无序列表（type:disk,circle,square）\n\u003Cdl> 定义列表 \u003Cdt> 定义标题 \u003Cdd>定义内容\n\u003Cform> :表单 method= get/post action 提交的路径\n\u003Cinput> 输入框 name：为input命名，提交必须定义name value: 按钮的文字/文本的初始值 size 文本框宽度 type：定义input 的功能，requied，disabled，readonly)\ninput type = radio 单选框必备属性name组名（一组单选框 name必须相同）value 选项值 checked 默认选中 type = checkbox 复选框\ntype = reset重置 type=button 按钮 type=submit 提交表单按钮 type = file选中文件 type=hidden 隐藏的表单提交会携带\n\u003Cselect> 选择框 name option 定义菜单项 size行数 multiple 允许多选仅适用多行菜单 selected 加在option上定义菜单默认选中\n\u003Cfieldset> 分组 \u003Clegend>来命名\n\u003Cfieldset>\n \u003Clegend>组名\u003C/legend>\n\u003C/fieldset>\n\u003Ctextarea>文本域 cols 列数，rows行高，name命名\n\u003Clabel> 文本标签能和一些标签绑定点击label相当于点击绑定的标签\n \u003Cinput type=\"checkbox\" id=selected> \u003Clabel for=\"selected\">点击选中\u003C/label>\n\u003Cbutton> 普通按钮\n\u003Ciframe> 窗口可以打开其他网页\n\u003Ciframe src=\"text.html\" width=\"600px\" height=\"400px\" frameborder=\"0\" name=\"window\" scrolling=\"no\">\u003C/iframe>\n三、特殊字符\n 空格\n© ©\n< \u003C\n> >\n" ”\n& &\n这里比较全\n\u003Cp style='opacity:0'>\u003Ca href='https://www.dsiab.com' style='cursor:unset'>本文章由javascript技术分享原创和收集\u003C/a>\u003C/p>","2020-04-23 11:35:29",1898,"a2068048-c4ce-4a0c-b8ce-80a85d8327f9",686,"图恩",{"code":5,"msg":6,"data":561},{"menuList":8,"siteUrl":9,"beianNo":10,"carouselUrl":11,"siteName":12,"carouselEnable":13,"post_comment_switch":14,"siteDesc":15,"ad_switch":14},["Reactive",563],{},["Set"],["ShallowReactive",566],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":469,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":469,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":469,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":469,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":469,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":469,"$frFnyCIDM5kkg3TuV5gIt7xw5CZtW-gHIEx8CpbwGin8":567,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":469},["NuxtError",568],{"message":569,"statusCode":570,"statusMessage":571,"data":572},"[GET] \"https://admin.dsiab.com/portal-service/pages/getRecommendBySameTags?id=a2068048-c4ce-4a0c-b8ce-80a85d8327f9\": 500 Internal Server Error",500,"Internal Server Error",{"timestamp":573,"status":570,"error":571,"path":574},"2025-08-15T10:59:29.877+00:00","/pages/getRecommendBySameTags",true,"/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"2b91f7d6-27bd-48c8-b327-9abcfc316a88",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>