嵌套

代码的规范

代码的规范，代码,的,规范,HTML,标记,不,区分,大小写,建议,，HTML标记不区分大小写，建议小写。如：、、HTML标记属性可有可无。有的标记是没有属性的，如：、、等双标签的内容在开始和结束标签之间，单标签没有内容。HTML标签可以相互嵌套，但一定注意是顺序嵌套，外层套内层，一层套一层...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/guifan.html" title="规范" class="c1" target="_blank">规范</a> <a href="/list/daxiaoxio.html" title="大小写" class="c1" target="_blank">大小写</a> <a href="/list/biaoqian.html" title="标签" class="c1" target="_blank">标签</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePWX.html" target="_blank">不要将选择器嵌套太深</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePWX.html" title="不要将选择器嵌套太深"> <img src="/d/file/20230411/xxf2spnbxvp45.webp" alt="不要将选择器嵌套太深"> </a> </span> <div class="post_other"> <p class="blogtext">不要将选择器嵌套太深，不,要将,选择器,嵌套,太深,例如,html,body,，例如：html body div#head ul#navs li.active，8层嵌套当选择器嵌套太深会把自己也搞混乱浏览器对css选择器的解析规则是从右向左，如.nav li p，它会先找到页面中p标签，再往上找，所以前面写在多也起不了什么作用，只会增加查找成本。...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> <a href="/list/xuanzeqi.html" title="选择器" class="c1" target="_blank">选择器</a> <a href="/list/zuoyong.html" title="作用" class="c1" target="_blank">作用</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePMr.html" target="_blank">多个ID或者ID重复用</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePMr.html" title="多个ID或者ID重复用"> <img src="/d/file/20230411/wz5hqyk2l1w38.webp" alt="多个ID或者ID重复用"> </a> </span> <div class="post_other"> <p class="blogtext">多个ID或者ID重复用，多个,或者,重,复用,这其,实是,一个,错误,不过,，这其实是一个错误，不过在开发中遇到也不止一两回，把id写的满页面都是，当然讲道理id是可以在页面嵌套着写，但尽量还是写在最外层。id 属性只能在每个 HTML 文档中出现一次。...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/fuyong.html" title="复用" class="c1" target="_blank">复用</a> <a href="/list/cuowu.html" title="错误" class="c1" target="_blank">错误</a> <a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePLT.html" target="_blank">. HTML规范</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePLT.html" title=". HTML规范"> <img src="https://www.gonglue1.com/static/img/no/28.webp" alt=". HTML规范"> </a> </span> <div class="post_other"> <p class="blogtext">. HTML规范，HTML,规范,html,标签,都,是有,尖,括号,包围,的,，（1）html标签都是有尖括号包围的标签，比如<b>（2）标签通常是成对存在，<b></b>,<h1></h1>（3）HTML不区分大小写，我们建议小写。（4）HTML可以嵌套，但是允许交叉嵌套正确写法：<b> <h1>我很粗</h1> </b>...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/biaoqian.html" title="标签" class="c1" target="_blank">标签</a> <a href="/list/guifan.html" title="规范" class="c1" target="_blank">规范</a> <a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/eQee.html" target="_blank">xhtml和html 的区别</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/eQee.html" title="xhtml和html 的区别"> <img src="/d/file/20230411/3hvnb254lnu13.webp" alt="xhtml和html 的区别"> </a> </span> <div class="post_other"> <p class="blogtext">xhtml和html 的区别，xhtml,和,html,的,区别,XHTML,是,HTML,向,xml,的,一个,，XHTML是HTML向xml的一个过渡语言，在最初W3C组织希望把HTML变成更为严谨的标记语言（比如XML），但HTML的已经应用的太为广泛，全部换掉不现实。因此产生了XHTML这样一种过渡形式。它比HTML更严谨，基本标签都还是沿用了HTML，但废除了“变现层”标签，同时要求标签的严格嵌套，标签结束...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/biaoqian.html" title="标签" class="c1" target="_blank">标签</a> <a href="/list/bianxian.html" title="变现" class="c1" target="_blank">变现</a> <a href="/list/biaojiyuyan.html" title="标记语言" class="c1" target="_blank">标记语言</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePNl.html" target="_blank">HTML CSS入门级常用知识点归纳总结</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePNl.html" title="HTML CSS入门级常用知识点归纳总结"> <img src="https://www.gonglue1.com/static/img/no/62.webp" alt="HTML CSS入门级常用知识点归纳总结"> </a> </span> <div class="post_other"> <p class="blogtext">HTML CSS入门级常用知识点归纳总结，HTML,CSS,入门,级,常用,知识点,归纳,总结,目录,，　　目录：　　one:基础标签的嵌套　　two:常用实体总结　　three:图片的插入及相对路径　　four:选择器　　five:超链接的四个伪类　　six:常用文本标签总结　　seven:网页的三种列表　　eight:三种单位长度行高 rgb　　nine:表格　　ten:盒模型　　eleven:块，内联元素的简单布局规则　　twelv...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/wangye.html" title="网页" class="c1" target="_blank">网页</a> <a href="/list/wenbonbiaoqian.html" title="文本标签" class="c1" target="_blank">文本标签</a> <a href="/list/danwei.html" title="单位" class="c1" target="_blank">单位</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePMu.html" target="_blank">HTML入门与基础知识</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePMu.html" title="HTML入门与基础知识"> <img src="https://www.gonglue1.com/static/img/no/73.webp" alt="HTML入门与基础知识"> </a> </span> <div class="post_other"> <p class="blogtext">HTML入门与基础知识，HTML,入门,与,基础知识,一,、,标签,概述,1.HTML,，　　一、标签概述　　1.HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。　　2.标签分为嵌套关系与并列关系。　　嵌套关系：　　并列关系：　　二、基本标签　　1.html标签：作为整个html中所有标签的一个根节点...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/biaoqian.html" title="标签" class="c1" target="_blank">标签</a> <a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> <a href="/list/miaoshu.html" title="描述" class="c1" target="_blank">描述</a> </span></p> </div> </li> <div id="yk-l-ad"><script type="text/javascript" src="/d/js/acmsd/thea2.js"></script></div> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/ePIP.html" target="_blank">Vue3.0API介绍中 readonly 使用示例</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/ePIP.html" title="Vue3.0API介绍中 readonly 使用示例"> <img src="https://www.gonglue1.com/static/img/no/12.webp" alt="Vue3.0API介绍中 readonly 使用示例"> </a> </span> <div class="post_other"> <p class="blogtext">Vue3.0API介绍中 readonly 使用示例，Vue3.0API,介绍,中,readonly,使用,示例,Vue3.0API,，Vue3.0API介绍中 readonly 使用示例readonly接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。<script setup>import { watchEffect, reactive, reado...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/zhidu.html" title="只读" class="c1" target="_blank">只读</a> <a href="/list/daili.html" title="代理" class="c1" target="_blank">代理</a> <a href="/list/duixiang.html" title="对象" class="c1" target="_blank">对象</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/eP72.html" target="_blank">Vue3.0API介绍中reactive使用示例</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/eP72.html" title="Vue3.0API介绍中reactive使用示例"> <img src="https://www.gonglue1.com/static/img/no/22.webp" alt="Vue3.0API介绍中reactive使用示例"> </a> </span> <div class="post_other"> <p class="blogtext">Vue3.0API介绍中reactive使用示例，Vue3.0API,介绍,中,reactive,使用,示例,Vue3.0API,，Vue3.0API介绍中reactive使用示例reactive返回对象的响应式副本const obj = reactive({ count: 0 })响应式转换是“深层”的——它影响所有嵌套 property。在基于 ES2015 Proxy 的实现中，返回的...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/xiangyingshi.html" title="响应式" class="c1" target="_blank">响应式</a> <a href="/list/duixiang.html" title="对象" class="c1" target="_blank">对象</a> <a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> </span></p> </div> </li> <li> <h3 class="blogtitle"><b></b><a href="/zhishi/eP8f.html" target="_blank">Vue3.0API介绍中 shallowReactive 使用示例</a></h3> <span class="blogpic imgscale"> <a href="/zhishi/eP8f.html" title="Vue3.0API介绍中 shallowReactive 使用示例"> <img src="https://www.gonglue1.com/static/img/no/54.webp" alt="Vue3.0API介绍中 shallowReactive 使用示例"> </a> </span> <div class="post_other"> <p class="blogtext">Vue3.0API介绍中 shallowReactive 使用示例，Vue3.0API,介绍,中,shallowReactive,使用,示例,，Vue3.0API介绍中 shallowReactive 使用示例shallowReactive创建一个响应式代理，它跟踪其自身 property 的响应性，但不执行嵌套对象的深层响应式转换 (暴露原始值)。<script setup>import { shallowReactive, isReac...</p> <p class="bloginfo"><span><i class="icon-shijian iconfont"></i>2023-04-11</span><span class="viewmore"><i class="icon-biaoqian iconfont"></i><a href="/list/xiangyingshi.html" title="响应式" class="c1" target="_blank">响应式</a> <a href="/list/zhixing.html" title="执行" class="c1" target="_blank">执行</a> <a href="/list/qiantao.html" title="嵌套" class="c1" target="_blank">嵌套</a> </span></p> </div> </li>       <div id="yk-l-ad"><script type="text/javascript" src="/d/js/acmsd/thea3.js"></script></div>          </ul> <div class="pagelist"> <a href="/list/qiantao.html">1</a> <a href="/list/qiantao_2.html">2</a> <b>3</b></div> </div> </div> <div class="rbox"> <div class="whitebg paihang"> <h2 class="htitle">热门文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令？</span></a></section> <ul> <li><i></i><a href="/zhishi/eSeq.html" title="linux编译源代码命令？" target="_blank">linux编译源代码命令？</a></li><li><i></i><a href="/zhishi/eSdl.html" title="linux命令添加文件？" target="_blank">linux命令添加文件？</a></li><li><i></i><a href="/zhishi/eSdi.html" title="linux关机命令日志？" target="_blank">linux关机命令日志？</a></li><li><i></i><a href="/zhishi/eSdc.html" title="写5条linux命令语句？" target="_blank">写5条linux命令语句？</a></li><li><i></i><a href="/zhishi/eSc2.html" title="linux换壁纸的命令？" target="_blank">linux换壁纸的命令？</a></li><li><i></i><a href="/zhishi/eSbS.html" title="linux硬件监控命令？" target="_blank">linux硬件监控命令？</a></li><li><i></i><a href="/zhishi/eSbO.html" title="linux开机命令行界面？" target="_blank">linux开机命令行界面？</a></li><li><i></i><a href="/zhishi/eSbI.html" title="linux命令物理地址？" target="_blank">linux命令物理地址？</a></li></ul></div> <div class="whitebg tuijian"> <h2 class="htitle">推荐文章</h2> <section class="topnews imgscale"> <a href="/zhishi/eSeL.html"><img src="/d/img/202315/ty65.webp"><span>linux则么回到命令？</span></a></section> <ul> <li><a href="/zhishi/eSeq.html" title="linux编译源代码命令？" target="_blank"><i><img src="/d/img/202315/ty31.webp"></i><p>linux编译源代码命令？</p></a></li><li><a href="/zhishi/eSdl.html" title="linux命令添加文件？" target="_blank"><i><img src="/d/img/202315/ty53.webp"></i><p>linux命令添加文件？</p></a></li><li><a href="/zhishi/eSdi.html" title="linux关机命令日志？" target="_blank"><i><img src="/d/img/202315/ty33.webp"></i><p>linux关机命令日志？</p></a></li><li><a href="/zhishi/eSdc.html" title="写5条linux命令语句？" target="_blank"><i><img src="/d/img/202315/ty68.webp"></i><p>写5条linux命令语句？</p></a></li><li><a href="/zhishi/eSc2.html" title="linux换壁纸的命令？" target="_blank"><i><img src="/d/img/202315/ty60.webp"></i><p>linux换壁纸的命令？</p></a></li></ul></div> <div class="whitebg cloud"> <h2 class="htitle">标签云</h2> <ul> <li><a href="/list/peixun.html" class="a-tag-1" title="培训" target="_blank">培训</a></li> <li><a href="/list/biaozhun.html" class="a-tag-2" title="标准" target="_blank">标准</a></li> <li><a href="/list/bianliang.html" class="a-tag-3" title="变量" target="_blank">变量</a></li> <li><a href="/list/zifuchuan.html" class="a-tag-4" title="字符串" target="_blank">字符串</a></li> <li><a href="/list/huanjing.html" class="a-tag-5" title="环境" target="_blank">环境</a></li> <li><a href="/list/shuzi.html" class="a-tag-6" title="数字" target="_blank">数字</a></li> <li><a href="/list/shuju.html" class="a-tag-7" title="数据" target="_blank">数据</a></li> <li><a href="/list/gongju.html" class="a-tag-8" title="工具" target="_blank">工具</a></li> <li><a href="/list/mingcheng.html" class="a-tag-9" title="名称" target="_blank">名称</a></li> <li><a href="/list/jichu.html" class="a-tag-10" title="基础" target="_blank">基础</a></li> <li><a href="/list/gongzuo.html" class="a-tag-11" title="工作" target="_blank">工作</a></li> <li><a href="/list/mima.html" class="a-tag-12" title="密码" target="_blank">密码</a></li> <li><a href="/list/xinxi.html" class="a-tag-13" title="信息" target="_blank">信息</a></li> <li><a href="/list/shebei.html" class="a-tag-14" title="设备" target="_blank">设备</a></li> <li><a href="/list/yuansu.html" class="a-tag-15" title="元素" target="_blank">元素</a></li> <li><a href="/list/danwei.html" class="a-tag-16" title="单位" target="_blank">单位</a></li> <li><a href="/list/guanli.html" class="a-tag-17" title="管理" target="_blank">管理</a></li> <li><a href="/list/wenjian.html" class="a-tag-18" title="文件" target="_blank">文件</a></li> <li><a href="/list/weizhi.html" class="a-tag-19" title="位置" target="_blank">位置</a></li> <li><a href="/list/biaoqian.html" class="a-tag-20" title="标签" target="_blank">标签</a></li> <li><a href="/list/yingyongchengxu.html" class="a-tag-21" title="应用程序" target="_blank">应用程序</a></li> <li><a href="/list/xuexi.html" class="a-tag-22" title="学习" target="_blank">学习</a></li> <li><a href="/list/wendang.html" class="a-tag-23" title="文档" target="_blank">文档</a></li> <li><a href="/list/shezhi.html" class="a-tag-24" title="设置" target="_blank">设置</a></li> </ul> </div> <div class="whitebg wenzi"> <h2 class="htitle">猜你喜欢</h2> <ul> <script type="text/javascript" src="/data/rand.js"></script> </ul> </div> </div> </article> <footer> <div class="footer_wrap"> <div class="footer_tool fr"> <a href="javascript:;" class="footer_phone"><em class="iconfont icon-shouji"></em><div class="qrcode ts"><img src="/css/qrcode/?str=https://m.jsk.cc/" alt="计算客"><p>扫码手机访问</p></div></a> <div class="wxbox"><div class="footer_icon"><img src="/css/img/icon.png"></div></div> </div> <div class="endnav"> <p>公益性知识科普性站点，所涵盖的内容、图片等数据系，部分原创内容未能与原作者取得联系。</p> <p>若涉及版权问题，请联系（kkyve#126.com / wechat: jisuanke2022），我们第一时间进行删除/修改！</p> </div> </div> <a href="#"><div class="top icon-retop iconfont"></div></a> <div class="footer_copyright"> <div class="container"> <span> Copyright © <a href="https://www.jsk.cc" target="_blank">计算客</a> @2023 jsk.cc <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn">蜀ICP备2023033106号-2</a> </span> <i class="fr">计算客 · 开发知识</i> </div> </div> </footer> <script type="text/javascript" src="/css/js/theia-sticky-sidebar.min.js"></script> <script type="text/javascript" src="/css/js/tool.min.js"></script> </body> </html>

嵌套

代码的规范