HTML学习笔记（一）

作者: 图恩分类: 编程开发阅读: 712发布时间： 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> 三、特殊字符空格 © © < < > > " ” & & 这里比较全 </div></div><div class="post-footer" data-v-8db8d892><div class="copy-desc" data-v-8db8d892><div data-v-8db8d892>本文由作者创作或收集，内容引用如有问题请联系站长处理。</div><div data-v-8db8d892> 转载请注明原文及出处：<a class="quote" href="https://www.dsiab.com/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9" data-v-8db8d892>HTML学习笔记（一）</a></div></div></div><div class="postRecommend" style="display:none;" data-v-8db8d892><div class="common-title" data-v-a72f5a0e>推荐阅读 <i class="active-line" data-v-a72f5a0e></i></div><ul></ul></div><div class="comments" data-v-8db8d892 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-8db8d892><div style="width:1px;height:1px;" class="el-image" data-v-8db8d892><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/f94f3f35-cc96-42bb-ad0f-ec2683f0e626" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>1</span>做没做过的事情叫成长，做不愿意做的事情叫改变，做不敢做的事情叫突破</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：1193</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-05-07 21:51:40</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>2</span>自驾罗浮山</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：1089</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>3</span>又遇高一班主任</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：1017</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-06-04 22:31:37</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f64f79aa-3366-48b1-adea-4c9dc13c6c49" 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> 阅读：797</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-19 22:18:57</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/bfd93c1c-29e5-4586-b70b-74562d03efa7" 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> 阅读：776</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-15 10:28:10</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/527948e9-f7dc-4e58-b743-3ed230827b05" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>6</span>当我的手机能从26楼连接车上的蓝牙后..</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：741</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-16 22:28:47</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f9f8c260-c6b6-4b4a-b50c-0beb0b124036" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>7</span>如何查看gradle包最新版本</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：649</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-12 10:14:01</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/f7cc3adf-cf00-4c07-a7ba-d23de7c9dca4" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>8</span>windows系统邮箱客户端推荐：foxmail</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：593</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-06-26 22:31:45</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/3247be63-0ff9-484f-846d-cf54c492112b" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>9</span>超速驾驶被扣6分，罚款200元</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：533</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-28 22:34:41</span></div></li><li class="li-item" data-v-6c3b369b><div class="title" data-v-6c3b369b><a href="/post/7cb2e04f-a04a-46cf-939b-cd9fcbc5a68e" target="_self" data-v-6c3b369b><span class="list-index" data-v-6c3b369b>10</span>在 Spring Boot 中集成 Caffeine 缓存</a></div><div class="excerpt" data-v-6c3b369b><span class="views" data-v-6c3b369b> 阅读：383</span><span class="views published-date" data-v-6c3b369b> 发布时间：2025-07-12 10:04:10</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":571,"once":573,"_errors":574,"serverRendered":584,"path":585},["ShallowReactive",3],{"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":4,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":73,"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":526,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":536,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":557,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":567,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":569},{"code":5,"msg":6,"data":7},0,"操作成功",[8,16,23,30,36,42,48,55,61,67],{"title":9,"content":10,"createDate":11,"cate":12,"id":13,"uid":14,"page":5,"pageSize":5,"views":15,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"做没做过的事情叫成长，做不愿意做的事情叫改变，做不敢做的事情叫突破",null,"2025-05-07 21:51:40",111,50510,"f94f3f35-cc96-42bb-ad0f-ec2683f0e626",1193,{"title":17,"content":10,"createDate":18,"cate":19,"id":20,"uid":21,"page":5,"pageSize":5,"views":22,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"自驾罗浮山","2025-05-17 22:02:42",266,50513,"242ea5df-b45d-4e8f-8ea7-8cdd03cea200",1089,{"title":24,"content":10,"createDate":25,"cate":26,"id":27,"uid":28,"page":5,"pageSize":5,"views":29,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"又遇高一班主任","2025-06-04 22:31:37",5,50514,"836bd4f5-aa6c-4859-9974-f7cf66f2a233",1017,{"title":31,"content":10,"createDate":32,"cate":26,"id":33,"uid":34,"page":5,"pageSize":5,"views":35,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"酥醪村到正果老街：一条不容错过的跑山路线推荐","2025-07-19 22:18:57",51047,"f64f79aa-3366-48b1-adea-4c9dc13c6c49",797,{"title":37,"content":10,"createDate":38,"cate":26,"id":39,"uid":40,"page":5,"pageSize":5,"views":41,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"路过大梅沙，没预约真的会被拍！","2025-07-15 10:28:10",51046,"bfd93c1c-29e5-4586-b70b-74562d03efa7",776,{"title":43,"content":10,"createDate":44,"cate":26,"id":45,"uid":46,"page":5,"pageSize":5,"views":47,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"当我的手机能从26楼连接车上的蓝牙后..","2025-07-16 22:28:47",51045,"527948e9-f7dc-4e58-b743-3ed230827b05",741,{"title":49,"content":10,"createDate":50,"cate":51,"id":52,"uid":53,"page":5,"pageSize":5,"views":54,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"如何查看gradle包最新版本","2025-07-12 10:14:01",3,50526,"f9f8c260-c6b6-4b4a-b50c-0beb0b124036",649,{"title":56,"content":10,"createDate":57,"cate":51,"id":58,"uid":59,"page":5,"pageSize":5,"views":60,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"windows系统邮箱客户端推荐：foxmail","2025-06-26 22:31:45",50520,"f7cc3adf-cf00-4c07-a7ba-d23de7c9dca4",593,{"title":62,"content":10,"createDate":63,"cate":26,"id":64,"uid":65,"page":5,"pageSize":5,"views":66,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"超速驾驶被扣6分，罚款200元","2025-07-28 22:34:41",51048,"3247be63-0ff9-484f-846d-cf54c492112b",533,{"title":68,"content":10,"createDate":69,"cate":51,"id":70,"uid":71,"page":5,"pageSize":5,"views":72,"comments":5,"wordsNum":5,"cateName":10,"keywords":10,"createBy":10,"nickname":10,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"在 Spring Boot 中集成 Caffeine 缓存","2025-07-12 10:04:10",50525,"7cb2e04f-a04a-46cf-939b-cd9fcbc5a68e",383,{"code":5,"msg":6,"data":74},{"result":75},[76,81,84,86,88,91,94,97,99,102,105,108,111,114,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,240,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,435,438,442,446,450,454,458,462,465,469,473,477,481,485,489,493,497,502,506,510,514,518,522],{"id":77,"name":78,"valid":77,"createdBy":79,"createDate":80},1,"未分类","admin","2022-01-20 23:26:35",{"id":82,"name":83,"valid":77,"createdBy":79,"createDate":80},2,"前端面试",{"id":51,"name":85,"valid":77,"createdBy":79,"createDate":80},"开发笔记",{"id":26,"name":87,"valid":77,"createdBy":79,"createDate":80},"生活笔记",{"id":89,"name":90,"valid":77,"createdBy":79,"createDate":80},7,"编程开发",{"id":92,"name":93,"valid":77,"createdBy":79,"createDate":80},8,"网络资讯",{"id":95,"name":96,"valid":77,"createdBy":79,"createDate":80},103,"育儿心得",{"id":12,"name":98,"valid":77,"createdBy":79,"createDate":80},"佳句精选",{"id":100,"name":101,"valid":77,"createdBy":79,"createDate":80},120,"资源分享",{"id":103,"name":104,"valid":77,"createdBy":79,"createDate":80},122,"教育考试",{"id":106,"name":107,"valid":77,"createdBy":79,"createDate":80},123,"开发教程",{"id":109,"name":110,"valid":77,"createdBy":79,"createDate":80},126,"大事记",{"id":112,"name":113,"valid":77,"createdBy":79,"createDate":80},137,"诗词鉴赏",{"id":115,"name":116,"valid":77,"createdBy":79,"createDate":80},140,"成长记录",{"id":118,"name":78,"valid":77,"createdBy":119,"createDate":120},151,"admin11","2022-08-24 22:26:29",{"id":122,"name":78,"valid":77,"createdBy":123,"createDate":124},155,"1111","2022-08-24 22:45:04",{"id":126,"name":127,"valid":77,"createdBy":123,"createDate":128},156,"123","2022-08-24 22:45:20",{"id":130,"name":78,"valid":77,"createdBy":131,"createDate":132},157,"admin111","2022-08-26 10:48:31",{"id":134,"name":135,"valid":77,"createdBy":79,"createDate":136},160,"网络文学","2022-08-27 21:27:36",{"id":138,"name":78,"valid":77,"createdBy":139,"createDate":140},161,"aasun","2022-08-30 16:16:01",{"id":142,"name":78,"valid":77,"createdBy":143,"createDate":144},162,"fadf","2022-09-04 13:23:58",{"id":146,"name":147,"valid":77,"createdBy":79,"createDate":148},168,"家乡动态","2022-09-13 22:33:10",{"id":150,"name":78,"valid":77,"createdBy":151,"createDate":152},169,"cbyniyga","2022-09-14 11:23:03",{"id":154,"name":78,"valid":77,"createdBy":155,"createDate":156},170,"masks","2022-09-14 13:24:23",{"id":158,"name":78,"valid":77,"createdBy":159,"createDate":160},171,"123123","2022-09-14 19:29:18",{"id":162,"name":78,"valid":77,"createdBy":163,"createDate":164},172,"qwer","2022-09-15 14:35:09",{"id":166,"name":78,"valid":77,"createdBy":167,"createDate":168},173,"qwer1123","2022-09-16 20:16:47",{"id":170,"name":78,"valid":77,"createdBy":171,"createDate":172},174,"aaaa","2022-09-21 10:25:36",{"id":174,"name":78,"valid":77,"createdBy":175,"createDate":176},175,"arthur","2022-09-29 15:46:20",{"id":178,"name":78,"valid":77,"createdBy":179,"createDate":180},180,"jiangmeng","2022-10-19 09:49:28",{"id":182,"name":78,"valid":77,"createdBy":183,"createDate":184},183,"test1","2022-10-27 13:32:49",{"id":186,"name":78,"valid":77,"createdBy":187,"createDate":188},184,"flower","2022-11-02 23:46:28",{"id":190,"name":78,"valid":77,"createdBy":191,"createDate":192},185,"test12","2022-11-21 17:13:44",{"id":194,"name":78,"valid":77,"createdBy":195,"createDate":196},186,"1111111","2022-11-21 22:40:22",{"id":198,"name":78,"valid":77,"createdBy":199,"createDate":200},187,"123456","2022-11-21 22:40:55",{"id":202,"name":78,"valid":77,"createdBy":203,"createDate":204},188,"23423","2022-11-26 16:07:57",{"id":206,"name":78,"valid":77,"createdBy":207,"createDate":208},189,"adlfll","2022-11-26 16:09:56",{"id":210,"name":78,"valid":77,"createdBy":211,"createDate":212},190,"adsf","2022-11-26 16:13:00",{"id":214,"name":78,"valid":77,"createdBy":215,"createDate":216},191,"test111","2022-11-26 16:14:12",{"id":218,"name":78,"valid":77,"createdBy":219,"createDate":220},193,"u1223","2022-12-02 08:37:06",{"id":222,"name":78,"valid":77,"createdBy":223,"createDate":224},195,"ferromagnetic","2022-12-15 15:54:46",{"id":226,"name":78,"valid":77,"createdBy":227,"createDate":228},196,"23444","2022-12-28 15:37:38",{"id":230,"name":78,"valid":77,"createdBy":231,"createDate":232},198,"wer234","2023-02-03 22:56:03",{"id":234,"name":78,"valid":77,"createdBy":235,"createDate":236},199,"234234","2023-02-03 22:57:12",{"id":238,"name":78,"valid":77,"createdBy":203,"createDate":239},200,"2023-02-03 22:57:30",{"id":241,"name":78,"valid":77,"createdBy":119,"createDate":242},201,"2023-02-13 21:11:11",{"id":244,"name":245,"valid":77,"createdBy":79,"createDate":246},202,"光影分享","2023-02-16 23:00:38",{"id":248,"name":249,"valid":77,"createdBy":79,"createDate":250},203,"佳文收藏","2023-03-04 20:45:25",{"id":252,"name":253,"valid":77,"createdBy":79,"createDate":254},205,"其他","2023-04-19 23:08:33",{"id":256,"name":78,"valid":77,"createdBy":257,"createDate":258},206,"234234234","2023-05-18 22:01:00",{"id":260,"name":78,"valid":77,"createdBy":261,"createDate":262},207,"admin33","2023-05-18 22:02:38",{"id":264,"name":78,"valid":77,"createdBy":265,"createDate":266},208,"admin333333","2023-05-18 22:05:03",{"id":268,"name":78,"valid":77,"createdBy":269,"createDate":270},209,"adminvvvvvv","2023-05-18 22:08:50",{"id":272,"name":78,"valid":77,"createdBy":273,"createDate":274},210,"23fewfwefvv","2023-05-18 22:14:13",{"id":276,"name":78,"valid":77,"createdBy":277,"createDate":278},211,"233fwefwe","2023-05-18 22:15:30",{"id":280,"name":78,"valid":77,"createdBy":281,"createDate":282},212,"adfasdfasdf","2023-05-18 22:41:49",{"id":284,"name":78,"valid":77,"createdBy":285,"createDate":286},213,"23423eeee","2023-05-18 22:44:12",{"id":288,"name":78,"valid":77,"createdBy":289,"createDate":290},214,"erwdfzxc","2023-05-18 22:47:18",{"id":292,"name":78,"valid":77,"createdBy":293,"createDate":294},215,"夏季男女对表","2023-05-23 15:24:02",{"id":296,"name":78,"valid":77,"createdBy":297,"createDate":298},219,"zhl77","2023-06-18 16:57:27",{"id":300,"name":78,"valid":77,"createdBy":301,"createDate":302},220,"admin123456","2023-06-26 16:56:23",{"id":304,"name":78,"valid":77,"createdBy":305,"createDate":306},222,"youyou","2023-08-10 17:07:19",{"id":308,"name":78,"valid":77,"createdBy":123,"createDate":309},223,"2023-08-17 11:24:23",{"id":311,"name":78,"valid":77,"createdBy":312,"createDate":313},224,"809630306","2023-08-19 13:01:41",{"id":315,"name":78,"valid":77,"createdBy":316,"createDate":317},225,"test333","2023-08-19 15:18:40",{"id":319,"name":78,"valid":77,"createdBy":320,"createDate":321},226,"demo","2023-08-21 15:28:44",{"id":323,"name":78,"valid":77,"createdBy":324,"createDate":325},227,"1234569","2023-08-28 10:58:32",{"id":327,"name":78,"valid":77,"createdBy":328,"createDate":329},228,"qqqq","2023-09-18 17:50:40",{"id":331,"name":78,"valid":77,"createdBy":332,"createDate":333},229,"test123","2023-09-20 11:23:40",{"id":335,"name":78,"valid":77,"createdBy":336,"createDate":337},231,"zmx123","2023-10-02 16:03:50",{"id":339,"name":78,"valid":77,"createdBy":340,"createDate":341},232,"yinquan","2023-10-10 11:58:33",{"id":343,"name":78,"valid":77,"createdBy":344,"createDate":345},233,"1354541","2023-10-10 14:35:53",{"id":347,"name":78,"valid":77,"createdBy":348,"createDate":349},234,"","2023-10-23 21:09:51",{"id":351,"name":78,"valid":77,"createdBy":352,"createDate":353},235,"asdf","2023-10-23 21:10:26",{"id":355,"name":78,"valid":77,"createdBy":356,"createDate":357},236,"imwujianhao@163.com","2023-10-24 10:24:32",{"id":359,"name":78,"valid":77,"createdBy":360,"createDate":361},237,"ls123456","2023-10-26 21:59:55",{"id":363,"name":78,"valid":77,"createdBy":364,"createDate":365},238,"18165042571","2023-11-06 11:05:45",{"id":367,"name":78,"valid":77,"createdBy":368,"createDate":369},239,"gsoft","2023-11-18 07:44:43",{"id":371,"name":78,"valid":77,"createdBy":372,"createDate":373},240,"tststs","2023-12-10 20:53:50",{"id":375,"name":78,"valid":77,"createdBy":376,"createDate":377},241,"骑牛上班","2023-12-27 14:20:26",{"id":379,"name":380,"valid":77,"createdBy":79,"createDate":381},242,"影视分享","2024-01-02 21:50:02",{"id":383,"name":384,"valid":77,"createdBy":79,"createDate":385},243,"音乐分享","2024-01-02 21:50:08",{"id":387,"name":78,"valid":77,"createdBy":388,"createDate":389},244,"11112222","2024-01-09 16:23:29",{"id":391,"name":78,"valid":77,"createdBy":392,"createDate":393},245,"ssdate","2024-01-17 14:38:21",{"id":395,"name":78,"valid":77,"createdBy":396,"createDate":397},246,"admin666","2024-01-21 15:40:53",{"id":399,"name":78,"valid":77,"createdBy":400,"createDate":401},247,"test51","2024-03-02 14:07:11",{"id":403,"name":78,"valid":77,"createdBy":404,"createDate":405},249,"bf斯金纳","2024-03-14 21:53:53",{"id":407,"name":78,"valid":77,"createdBy":408,"createDate":409},250,"testyear","2024-04-12 21:10:42",{"id":411,"name":412,"valid":77,"createdBy":79,"createDate":413},251,"stable diffuson","2024-04-13 23:00:11",{"id":415,"name":416,"valid":77,"createdBy":79,"createDate":417},252,"每日一图","2024-04-17 21:49:58",{"id":419,"name":420,"valid":77,"createdBy":79,"createDate":421},253,"AI问答","2024-04-23 23:13:47",{"id":423,"name":78,"valid":77,"createdBy":424,"createDate":425},254,"hy9810","2024-04-30 11:23:55",{"id":427,"name":78,"valid":77,"createdBy":428,"createDate":429},256,"444444","2024-05-25 14:47:09",{"id":431,"name":432,"valid":77,"createdBy":433,"createDate":434},257,"我是分类","test","2024-06-04 16:51:00",{"id":436,"name":78,"valid":77,"createdBy":433,"createDate":437},258,"2024-06-10 13:58:35",{"id":439,"name":440,"valid":77,"createdBy":433,"createDate":441},260,"ert","2024-06-10 14:12:08",{"id":443,"name":78,"valid":77,"createdBy":444,"createDate":445},261,"testing","2024-06-19 00:08:44",{"id":447,"name":78,"valid":77,"createdBy":448,"createDate":449},262,"weicong","2024-06-24 21:28:28",{"id":451,"name":452,"valid":77,"createdBy":433,"createDate":453},263,"测试1111","2024-06-26 15:29:56",{"id":455,"name":78,"valid":77,"createdBy":456,"createDate":457},264,"1234","2024-07-08 22:35:39",{"id":459,"name":78,"valid":77,"createdBy":460,"createDate":461},265,"adminadmin","2024-08-07 14:29:16",{"id":19,"name":463,"valid":77,"createdBy":79,"createDate":464},"玩车日记","2024-10-13 23:10:34",{"id":466,"name":78,"valid":77,"createdBy":467,"createDate":468},267,"1122","2024-10-31 20:24:40",{"id":470,"name":78,"valid":77,"createdBy":471,"createDate":472},268,"admin_sw","2024-11-01 14:00:32",{"id":474,"name":78,"valid":77,"createdBy":475,"createDate":476},269,"mundane","2024-11-22 15:23:28",{"id":478,"name":479,"valid":77,"createdBy":433,"createDate":480},270,"312312","2024-12-12 17:25:52",{"id":482,"name":483,"valid":77,"createdBy":433,"createDate":484},271,"43243","2024-12-12 17:26:03",{"id":486,"name":78,"valid":77,"createdBy":487,"createDate":488},272,"554022067@qq.com","2024-12-24 13:43:22",{"id":490,"name":78,"valid":77,"createdBy":491,"createDate":492},273,"zj676606191","2025-03-24 09:42:21",{"id":494,"name":78,"valid":77,"createdBy":495,"createDate":496},274,"海洋之心","2025-06-07 21:47:31",{"id":498,"name":499,"valid":77,"createdBy":500,"createDate":501},276,"wefwefwef","admintest","2025-06-08 17:29:25",{"id":503,"name":78,"valid":77,"createdBy":504,"createDate":505},277,"mengmengrong","2025-06-26 15:46:45",{"id":507,"name":508,"valid":77,"createdBy":79,"createDate":509},278,"SQL","2025-06-26 23:03:01",{"id":511,"name":512,"valid":77,"createdBy":79,"createDate":513},279,"程序员做菜指南","2025-07-14 22:49:15",{"id":515,"name":78,"valid":77,"createdBy":516,"createDate":517},280,"wangzhe","2025-08-13 10:29:04",{"id":519,"name":78,"valid":77,"createdBy":520,"createDate":521},281,"csadmin","2025-10-14 14:58:38",{"id":523,"name":524,"valid":77,"createdBy":520,"createDate":525},282,"666","2025-10-14 15:13:14",{"code":5,"msg":6,"data":527},{"menuList":528,"siteUrl":529,"beianNo":530,"carouselUrl":531,"siteName":532,"carouselEnable":533,"post_comment_switch":534,"siteDesc":535,"ad_switch":534},"[{\"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\"}]","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":537},{"result":538},[539,543,547,550,554],{"id":540,"name":512,"postId":10,"valid":541,"topicId":10,"createDate":542},10,"1","2025-07-14 22:49:39",{"id":544,"name":545,"postId":10,"valid":541,"topicId":10,"createDate":546},9,"从零搭建博客","2023-05-29 00:08:30",{"id":92,"name":548,"postId":10,"valid":541,"topicId":10,"createDate":549},"前端开发","2022-10-29 18:53:22",{"id":551,"name":552,"postId":10,"valid":541,"topicId":10,"createDate":553},4,"javascript教程","2022-03-02 17:32:45",{"id":77,"name":555,"postId":10,"valid":541,"topicId":10,"createDate":556},"vue3+ts教程","2022-03-01 22:35:34",{"code":5,"msg":6,"data":558},{"result":559},{"title":560,"content":561,"createDate":562,"cate":89,"id":563,"uid":564,"page":5,"pageSize":5,"views":565,"comments":5,"wordsNum":5,"cateName":90,"keywords":10,"createBy":79,"nickname":566,"orderBy":10,"order":10,"coverImageUrl":10,"tag":10},"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","2020-04-23 11:35:29",1898,"a2068048-c4ce-4a0c-b8ce-80a85d8327f9",712,"图恩",{"code":5,"msg":6,"data":568},{"menuList":528,"siteUrl":529,"beianNo":530,"carouselUrl":531,"siteName":532,"carouselEnable":533,"post_comment_switch":534,"siteDesc":535,"ad_switch":534},{"code":5,"msg":6,"data":570},{"menuList":528,"siteUrl":529,"beianNo":530,"carouselUrl":531,"siteName":532,"carouselEnable":533,"post_comment_switch":534,"siteDesc":535,"ad_switch":534},["Reactive",572],{},["Set"],["ShallowReactive",575],{"$fDuYn6jruWLgtdPDAp_pbpUi5TZQJnMwHONXvVgczUTA":10,"$f8swgXXOoL93g3mTjSjvDrylI1lZlob1-0ojSjNYbDZY":10,"$fa87TG4IiyzhtdiIhQmDQK2tLVOjRvhVaaUgAbzDnQEA":10,"$f8ExJxIiRgN2J1O_bSmcuTyC5jJ1EK-j3ryLuy83ut84":10,"$fze5QMcmY2Ptddir_KGEmcqlRs5fJRgIfrzxI1PRQm9k":10,"$fGDP0lfhRzzcIZrKm5LSOtnMayYVo6F91NUEOELvP8B8":10,"$frFnyCIDM5kkg3TuV5gIt7xw5CZtW-gHIEx8CpbwGin8":576,"$fqDJMrZdyskehIk-RO_DGL4xvuNxrkNXa3qWMIwCm5Bw":10},["NuxtError",577],{"message":578,"statusCode":579,"statusMessage":580,"data":581},"[GET] \"https://admin.dsiab.com/portal-service/pages/getRecommendBySameTags?id=a2068048-c4ce-4a0c-b8ce-80a85d8327f9\": 500 Internal Server Error",500,"Internal Server Error",{"timestamp":582,"status":579,"error":580,"path":583},"2025-11-02T22:47:08.063+00:00","/pages/getRecommendBySameTags",true,"/post/a2068048-c4ce-4a0c-b8ce-80a85d8327f9"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"84c42840-f941-4e80-acff-fa10590f68c1",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>