HTML（超文本标记语言）是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示，使其成为标记语言，而不是编程语言。 HTML主要与CSS和JavaScript结合使用，为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。
我想知道我们如何知道在哪里使用容器或容器液体以及使用容器和容器液体时应该做什么或避免什么？ 需要清楚地了解差异
我正在创建一个菜单，当我滚动时，它会改变颜色，当我运行应用程序时，脚本不会运行，我是 Angular 的新手，我不知道我是否做错了。 我的html索引代码： 我正在创建一个菜单，当我滚动时，它会改变颜色，当我运行应用程序时，脚本不会运行，我是 Angular 的新手，我不知道我是否做错了。 我的html索引代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Solticom</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> </head> <body> <app-root></app-root> <script src="https://unpkg.com/@popperjs/core@2"></script> <script> const navEl = document.querySelector('.navbar'); window.addEventListener ('scroll' , () => { if (window.scrollY > 56) { navEl.classList.add('navbar-scrolled'); } else if (window.scrollY <= 56) { navEl.classList.remove('navbar-scrolled'); } }); </script> </body> </html> 我的 html 菜单代码： <nav class="navbar navbar-expand-lg navbar-light fixed-top bg"> <div class="container"> <a class="navbar-brand" href="#"> <img src="assets/images/logo_sol_v1.png" width="310" height="auto" class="d-inline-block align-top img-fluid" alt=""> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown"> <ul class="navbar-nav "> <li class="nav-item"> <a class="nav-link active" aria-current="page" [routerLink]="['/home']" >Inicio </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Servicios </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Experiencia Laboral </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Proyectos relevantes</a></li> <li><a class="dropdown-item" href="#">Certificaciones</a></li> <li><a class="dropdown-item" href="#">Galería</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="#">Distribuidores</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contacto</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Mesa de ayuda</a> </li> </ul> </div> </div> </nav> 我通过另一个我之前已经使用过的脚本意识到，我也没有运行AOS库，但通过研究我能够解决它。 正如 browsermator 所写，不要将对 Angular 组件的 DOM 操作放在索引 html 文件中。那属于组件。当您致电时请考虑这一点： const navEl = document.querySelector('.navbar'); 浏览器只能看到这个 <app-root></app-root> 组件的实际内容尚未渲染，因此没有导航栏类的元素可供选择。如果您在组件内部（最好是在 OnInit 中）进行操作，Angular 将有时间实际创建您要定位的 DOM 元素。
我试图像每个普通元素一样基于点击来触发绝对定位元素上的焦点和模糊事件，因此当下拉菜单失去焦点时，它会自行折叠，但是，它...
在此处输入图像描述什么css属性可以解决这个问题，我已经尝试了与css和html中的列表相关的所有内容，但它仍然不起作用 我尝试在 HTML (li) 中使用列表项，但样式设置...
如何使用 ngx-mask 将输入转换为十进制数字，以便用户看到它，例如，123 变为 123.00，142.1 变为 142.10，73.30 仍为 73.00？ 我已经尝试过
¿由于在 jsPDF 脚本中导入库，因此无法在选择收音机时输入错误的功能？
在使用输入无线电进行选择时，请单击一个公式，然后单击输入无线电选项以进行选择
我尝试将这些东西放在同一行，但出于某种原因，无论我做什么，gpa 都位于下一行的中心，我希望它是这样的： 学时：99 GPA：...
我正在尝试渲染一些火焰，但是我无法使用 putImageData() 实现透明画布，导致黑色画布但绘制良好的火焰。 我尝试过“全局复合操作”&...
是否可以创建“CSS3 Transform Skew One Side” 我找到了一个解决方案，但它对我来说没有用，因为我需要使用图像作为背景（而不是颜色） #skewOneSide { 边框底部...
结账页面上的付款方式字段重复 [ woocommerce ]
由于结账页面，在设置我的 woocommerce 商店时遇到一些问题。 问题是我面临着帐单页面以及订单和付款页面上出现的重复付款方式...
美好的一天！我是网络开发新手，仍在学习。 我正在尝试使用 javascript 创建一个简单的计数器。 索引.html 数...
我读过有关此问题的各种内容，所以我希望能对其进行明确的排序。 如果我有内嵌在 HTML 文档中的 SVG 标记，并且我使用 CSS 对其进行样式设置，我是否需要包装该 CSS...
如何删除使用 jQuery 动态添加到页面的整个表格？当用户单击开始按钮时，将创建一个表并添加数据。表格和数据应该是远程的...
我需要每个图像的标题位于视口底部的中心，以便当用户滚动时，标题始终位于同一位置（悬停时）。 如果这是不正确的，请道歉...
我构建了一个自定义弹出窗口，当我单击按钮时该弹出窗口可见。当我单击文档上的其他位置时，弹出窗口应该关闭/不可见。 这效果很好。 现在我想改变...
如何使用express和nodeJS将javascript文件链接到html页面
我的nodeJS应用程序非常简单，但我很难将我的javascript文件链接到它。通常，您只需将脚本放在标题中即可。显然，这不适用于 Node，所以有 tr...
HTML/CSS 帮助：需要在视口底部显示图像标题，而不是页面底部
我需要每个图像的标题位于视口底部的中心，以便当用户滚动时，标题始终位于同一位置（悬停时）。 如果这是不正确的，请道歉...
如何将文本放在中间，与img同一行？ 目前是这样的： 但我想要这样的： 如何将文本放在中间，与img同一行？ 目前是这样的： 但我想要这样的： <div class="list-div" <ul class="list"> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="png-address" alt="product-safe-payment-icon" width="35" /> Dostawa nawet w 24h</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="png-address" width="35" /> Najwyższa jakość</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="png-address" width="35" /> Gwarancja zadowolenia</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="png-address" width="35" /> Bezpieczne płatności</li> </ul></div> .list, .list-div { list-style-type: none; float: left; display: inline-block!important; font-size:16px; margin-left: 0; padding-left: 0; } .list-div li{ display: inline-block; padding: 0px 15px; } .list-div{ list-style-type: none; text-align: left; margin: 0; padding: 0; } .list-div img{ width:25px; padding-left:0px; padding-right:6px; } 如果我尝试填充或边距和目标 img，它会应用于整个 li，所以这不是我想要实现的目标 .list-inline-item { display:flex; align-items:center; } <div class="list-div"> <ul class="list"> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="https://images.rawpixel.com/image_png_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjgwLTE2Ni1wLWwxZGJ1cTN2LnBuZw.png" alt="product-safe-payment-icon" width="35" /> Dostawa nawet w 24h</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="https://images.rawpixel.com/image_png_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjgwLTE2Ni1wLWwxZGJ1cTN2LnBuZw.png" width="35" /> Najwyższa jakość</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="https://images.rawpixel.com/image_png_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjgwLTE2Ni1wLWwxZGJ1cTN2LnBuZw.png" width="35" /> Gwarancja zadowolenia</li> <li class="list-inline-item badge-box"><img class="product-safe-payment-icon" src="https://images.rawpixel.com/image_png_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjgwLTE2Ni1wLWwxZGJ1cTN2LnBuZw.png" width="35" /> Bezpieczne płatności</li> </ul> </div>
我有代码创建一个新的XMLHttpRequest来更改元素的innerhtml以切换页面。然而，我意识到简单地改变 insidehtml 的效果是完全相同的。所以我很奇怪...