html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

CSS 网格模板

我想使用网格创建这个模板: 我是网格新手,我不知道属性以及如何明智地使用它来创建此模板我正在研究 Flex 属性,但我不知道如何

回答 1 投票 0

如何让我的 CSS 媒体查询正常工作?

我无法让 CSS 媒体查询工作。我过去曾与他们合作过,他们也为我工作过,但在这个特定的网站上,他们不起作用。我添加了 我无法让 CSS 媒体查询工作。我过去曾与他们合作过,他们也为我工作过,但在这个特定的网站上,他们不起作用。我添加了<meta name="viewport" content="width=device-width, initial-scale=1">,但仍然不起作用。 这是我唯一的 CSS 媒体查询 @media and screen ( max-width: 700px ) {.header-image {display: none;}} 你在某处发现错误了吗?我很确定这将是一件完全微不足道的事情,但我花了几个小时试图让它发挥作用,但到目前为止还没有成功。非常感谢:) 您的代码语法错误 这是有效的媒体查询 @media screen and ( max-width: 700px ) { ... } CSS 媒体查询语法错误 正确的媒体查询语法是 @media screen and (max-width:600px){ /* 屏幕的 CSS 规则 */}

回答 2 投票 0

自定义属性“data-ccp-props”

这是个荒谬的问题,有人在html span标签中见过这样的自定义属性“data-ccp-props”吗? 这是个荒谬的问题,有人在 html span 标签中看到过这样的自定义属性“data-ccp-props”吗? <span data-ccp-props="{&quot;201341983&quot;:2,&quot;335559739&quot;:160,&quot;335559740&quot;:233}" style="line-height: 1.4;">&nbsp;</span> 我通过 Google 找到了很多类似的数据 在此处输入链接描述,该自定义属性在我们的 html 编辑器上出错。 阅读 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-* data-*全局属性形成一类称为自定义数据属性的属性,它允许通过脚本在 HTML 及其 DOM 表示之间交换专有信息。 因此,这些是网站作者给出的自定义属性,问题在于您的编辑器以及它如何处理它们(或未能这样做)。它们在 html 中没有任何问题。 如果它们设置正确(如正确的 HTML ),并且我在您的示例代码中没有看到任何问题,您的编辑器应该能够处理它们。 这是一个老问题,但为了从 Google 登陆这里的任何人的利益 - 当复制 Word 文档、Office 365 等并复制到支持粘贴此类内容的编辑器(例如 WYSIWYG HTML web)时,会发生这种 HTML编辑) 来自 Word 文档复制和粘贴的一些示例内容: <div class="SCXW251995521 BCX8" style="-webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text; font-family: 'Segoe UI', 'Segoe UI Web', Arial, Verdana, sans-serif; font-size: 12px; background-color: #ffffff;"> <div class="OutlineElement Ltr SCXW251995521 BCX8" style="-webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text; clear: both; cursor: text; overflow: visible; position: relative; direction: ltr;"> <span class="TextRun SCXW158155000 BCX8" lang="FR-CA" style="-webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text; font-style: normal; font-size: 20pt; line-height: 32px;" xml:lang="FR-CA" data-contrast="auto"><span class="NormalTextRun SCXW158155000 BCX8" style="-webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin: 0px; padding: 0px; user-select: text;" data-ccp-parastyle="Title">

回答 2 投票 0

jsPDF 的问题

所以我最近开始学习html/javascript。我正在尝试创建一个页面,然后可以将输入的信息存储到 pdf 中以供保存/打印。我在尝试...

回答 1 投票 0

如何在电子邮件中创建 HTML 表格并输入数据库查询

我对数据库有一个查询,它给了我这样的信息: 我想创建一个包含上述查询信息的 HTML 表,并将其作为错误通知发送到开发人员的电子邮件。 你能...

回答 2 投票 0

如何统计Shopify 2.0黎明主题中当前展示的产品?

在黎明(版本5.0.0)主题Shopify的收藏页面中,有内置的功能来查看产品总数。 我想显示当前产品有多少,当更多

回答 1 投票 0

如何从对象 URL 获取文件或 blob?

我允许用户通过拖放和其他方法将图像加载到页面中。当图像被删除时,我使用 URL.createObjectURL 转换为对象 URL 以显示图像。我...

回答 10 投票 0

页脚仅位于最后一页底部(打印时)

我有一个证书模板,它在页眉、正文和页脚中有动态内容,如果打印是单页,看起来还可以,但如果打印超过一页,则页脚不会显示在最后...

回答 1 投票 0

如何在运行时更改 Angular CDK 覆盖层的 dir 属性?

我使用的是 Angular 10,单击后将执行以下函数来执行方向更改: 私人changeHtmlDirection(方向:'rtl' | 'ltr'){ document.getElementsByTagName("html&q...

回答 2 投票 0

如何使用绝对页眉和页脚实现全高度滚动?

我很好奇是否有人可以一起实现 100% 的这些要求,我只能达到 80%(#4 很痛苦): 页眉始终位于页面顶部。 页脚始终位于底部...

回答 2 投票 0

如何在 vue3 中将页脚定位到页面底部?

我正在制作我的第一个作品集,当浏览器窗口缩短时,我无法将页脚定位在页面底部,也无法理解边距如何工作/不工作

回答 1 投票 0

为什么 border-collapse 属性对我的 HTML 表格不起作用

我有下表,其中包含嵌套表。为什么边框折叠属性对我的 HTML 表格不起作用。 我在主表和嵌套选项卡上添加了 border-collapse 属性...

回答 1 投票 0

如何为复选框的值传递 2 个参数?

我正在尝试从复选框传递 2 个值,但我无法弄清楚。我想传递 item.SpecBurgerType 和 item.Price 但只能使用 ch...

回答 1 投票 0

如何在包装盒上方放置文字?

我已经按照 YouTube 上的教程制作了一个简单的登录表单,但我想自己添加一些东西。 我想在登录表单上方添加“欢迎”文本并尝试使用 h1 但文本

回答 2 投票 0

即使将其链接到我的 HTML 页面,Javascript 似乎也无法与我的网站交互

对于 HTML、CSS 和 JavaScript 编码,我还是个新手。 我需要有关我正在构建的投资组合网站的帮助。问题出在我的 JavaScript 上,因为它似乎没有集成......

回答 1 投票 0

如何在包装盒上方放置文字? HTML

我是网络编码新手,并尝试开发一个简单的静态项目。但目前我对一件事有疑问。我按照 YouTube 上的教程制作了一个简单的登录表单,但我想...

回答 1 投票 0

如何创建一个扩展到边缘的浮动div?

我想创建一个像这样的导航栏:名称位于左上角,div 位于其右侧,如果它不浮动,它会扩展到右边缘,就像通常一样。这是一个...

回答 1 投票 0

导航栏在小屏幕下不起作用

我使用引导程序创建了一个简单的导航栏,但是当我单击它时,它不显示列表项,它在更大的屏幕上工作正常。 我已经尝试了很多替代方案,但它不起作用。 ...

回答 2 投票 0

有没有办法让我重用 JavaScript 函数而无需复制/粘贴它?

我已经编写了一个 JavaScript 函数,并且需要在一个页面中使用完全相同的代码至少 6 次。每次复制/粘贴该功能并切换 ID 都会重复...

回答 1 投票 0

给予<a>元素自动对焦

使用以下代码,我尝试在加载页面时给予 a 元素自动对焦。 下一个词汇 </desc> <question vote="5"> <p>通过以下代码,我尝试在页面加载时给予 a 元素自动对焦。</p> <pre><code>&lt;a href=&#34;/{{setting}}&#34; id=&#34;next&#34; class=&#34;button big active&#34;&gt;Next vocabulary&lt;/a&gt; &lt;script&gt; document.getElementbyId(&#34;next&#34;).focus(); &lt;/script&gt; </code></pre> <p>虽然这适用于输入字段,但不适用于该元素。有人可以帮我解释一下吗?</p> <p>问候</p> </question> <answer tick="true" vote="6"> <p>问题是你输入了<pre><code>getElementById</code></pre>错了,应该是大写的“B”。</p> <pre><code>&lt;a href=&#34;/{{setting}}&#34; id=&#34;next&#34; class=&#34;button big active&#34;&gt;Next vocabulary&lt;/a&gt; &lt;script&gt; document.getElementById(&#34;next&#34;).focus(); &lt;/script&gt; </code></pre> <p>现在应该可以了!</p> </answer> <answer tick="false" vote="0"> <p>目前,自动对焦不仅仅可以应用于输入元素(例如链接)。<br/> 就这样吧。</p> <pre><code>&lt;a href=&#34;/{{setting}}&#34; id=&#34;next&#34; autofocus&gt;Next vocabulary&lt;/a&gt; </code></pre> <blockquote> <p>自动对焦属性<strong>适用于所有元素</strong>,而不仅仅是表单控件。<br/> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus" rel="nofollow noreferrer">自动对焦 - HTML:超文本标记语言 | MDN</a></p> </blockquote> <h1>自从</h1> <ul> <li>Google Chrome 79(2019-12-10 发布)</li> <li>Firefox 110(2023-02-14 发布)</li> <li>Safari 15.4(2022-03-14 发布)</li> </ul> <h1>规格</h1> <p><a href="https://github.com/whatwg/html/pull/4830" rel="nofollow noreferrer">通过 tkent-google 将“autofocus”设为全局属性 · Pull Request #4830 · Whatwg/html</a></p> </answer> </body></html>

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.