html 相关问题

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

CSS/Bootstrap 5 - 导航链接到侧边栏底部?

我一直在尝试在我创建的侧边栏底部获取这三个导航链接。我无法设法让他们到达那里。我不太确定还能尝试什么。 我有

回答 1 投票 0

这个特定动画的 javascript 存在问题

所以,我正在使用 CSS 制作 3D 足球场动画。这就是我所拥有的 这应该就是我想要的 我的代码如下,它们都取自于此

回答 2 投票 0

从使用行跨度的显式高度到基于内容的最大高度

只是想知道是否可以使用 row-start-x 和 row-span-x 设置元素的高度,然后在不同的断点处恢复为由内容确定的大小? 在

回答 1 投票 0

想要将img背景设为弹性框并覆盖三个黑色文本框,中间有空格

我正在尝试创建三个文本框,其中白色文本和黑色背景位于背景图像之上,所有文本框均使用显示柔性内联。 我能够通过之前的弹性来完成此任务...

回答 2 投票 0

更改删除线的垂直位置?

我正在应用删除线标签: $5,000,000 但这条线太低了……距离底部大约 1/4,而不是穿过中间。我可以通过任何方式修改它,让它变得有点...

回答 8 投票 0

在浏览器中解析 ANSI 转义代码颜色?

我有一个源代码,其吐出的字符串附有 ANSI 转义代码颜色。这些字符串被发送到浏览器。我想在兄弟中用javascript解析这些ANSI转义码...

回答 2 投票 0

为什么我的英雄图片没有像应有的那样显示在标题中?

我正在尝试让图像显示在我的标题“Strike A Chord”后面,该图像位于英雄图像部分下方。我缺少什么? 下面首先是我的index.html 文件,然后是第二个...

回答 1 投票 0

哪些 HTML 元素可以获得焦点?

我正在寻找允许获得焦点的 HTML 元素的明确列表,即当对它们调用 focus() 时哪些元素将获得焦点? 我正在编写一个 jQuery 扩展...

回答 7 投票 0

如何在 VS-Code 中将外部 CSS 链接到 HTML?

我需要一个扩展来将外部 CSS 文件链接到 HTML 文件吗? 我尝试在没有任何扩展的情况下链接它,但无法完成。由于我是编码世界的新手,我面临着

回答 2 投票 0

如何使用 javascript 切换 FF 中 div 的可见性? (IE 和 Chrome 工作正常)

所以,我尝试使用 javascript 切换 div 层的可见性,如下所示: document.all["layer1"].style.visibility='可见'; 和 document.all["layer1"].style.visibi...

回答 4 投票 0

在 div 中将列表向左对齐

我有这个代码: #menu-bar2 ul { 显示:块; 文本对齐:左对齐; 向左飘浮; } #menu-bar2李{ 显示:块; 右边界:无; } #menu-bar2 li a { 文字装饰:在...下

回答 1 投票 0

将 CSS 应用于在 TypeScript 中创建的元素

我想将 CSS 应用到在 TypeScript 中创建的元素。如果不添加 TypeScript 中的样式(test.style.color = 'red';),这可能吗? 我的HTML: 我想将 CSS 应用到在 TypeScript 中创建的元素。如果不添加 TypeScript 中的样式(test.style.color = 'red';),这可能吗? 我的 HTML: <div class="testContainer"> <p>Created in HTML</p> <!-- Created in TS--> </div> 我的打字稿: ngOnInit() { let container = document.querySelector('.testContainer') if(container) { let test = document.createElement('p'); test.textContent = "Created in TS" container.append(test) } else { console.log('TestContainer not found') } } 我的CSS: p { color: red; } 我尝试向在 TypeScript 文件中创建的元素添加类。它们显示在我的浏览器的开发人员工具中,但未应用 CSS。 您可以直接将类添加到在 TypeScript 文件中创建的元素。 TypeScript 代码 test.textContent = "Created in TS"; test.setAttribute("class","MyClass"); container.append(test); CSS .MyClass { color: green !important; }

回答 1 投票 0

如何隐藏输入文件并将输入=“文件”样式设置为图标/图像

我希望隐藏 input="file" 并使用图标设置 input="file" 的样式,然后单击该图标来选择图像。 .cover_photo {宽度:100%;高度:250px;溢出:隐藏;职位:亲戚...

回答 6 投票 0

动态添加和删除制表网格单元格中的 css 类

我想“选择”使用制表器网格创建的表中的一列。我想要实现的是将 css 类添加到选定的列: 我尝试通过添加 cellClick 函数来做到这一点...

回答 1 投票 0

如何使用bootstrap在页脚中制作圆角上边距?

我想让页脚在左上角和右上角变圆。我目前正在使用内联样式来检查一切是否正常。 但它并不能使它看起来圆润。 我正在使用 Bootstra...

回答 1 投票 0

缩小 HTML,但不要用 Gulp 接触 PHP

问题 我有很多 .php 文件,主要包含 HTML,但顶部也有一些 PHP 行(例如表单触发代码或类似代码)。所以他们看起来像 问题 我有很多 .php 文件,大部分包含 HTML,但顶部也有一些 PHP 行(例如表单触发代码或类似代码)。所以他们看起来像 <?php if($someValue){ //doSth } //more content ?> <!DOCTYPE html> <html lang="de"> <head> <title>My Website</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <!-- Content and scripts here --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> </body> </html> 目标 我的目标是缩小 HTML(甚至可能是内联 JavaScript,但这只是一点额外的),而不触及顶部的 PHP。 我使用 Gulp 作为自动构建工具,并希望看到使用此工具和任何需要的额外包的解决方案。 gulp-htmlmin模块使用html-minifier模块,该模块有很多可用的选项(显示在其npmjs.com和github页面上)。我们重点关注的选项是ignoreCustomFragments。 var gulp = require(gulp), htmlmin = require(gulp-htmlmin); gulp.task('htmltask', function(){ return gulp.src(['./dev/*.html','./dev/*.php']) .pipe(htmlmin({ collapseWhitespace: true, ignoreCustomFragments: [ /<%[\s\S]*?%>/, /<\?[=|php]?[\s\S]*?\?>/ ] })) .pipe(gulp.dest('./site')); }); 在上面的代码中,您会看到我们将 ignoreCustomFragments 与正则表达式 /<\?[=|php]?[\s\S]*?\?>/ 一起使用来忽略以 <? 和 <?php 开头并以 ?> 结尾的代码。 默认情况下,html-minifier会忽略php,因此您不必担心设置ignoreCustomFragments。 编辑 谢谢阿默斯克 您使用的某些 php 文件可能没有结束标签,例如许多 WordPress 文件就没有。另一种选择是使用以下内容: ignoreCustomFragments: [/<\?[\s\S]*?(?:\?>|$)/] 您可以使用此 VSCode 扩展:Minify HTML in PHP 这对我有用! // Gulp.js configuration var // modules gulp = require('gulp'), newer = require('gulp-newer'), htmlmin = require('gulp-htmlmin') // development mode? devBuild = (process.env.NODE_ENV !== 'production'), // folders folder = { src: 'src/', build: 'build/' } gulp.task('minify', () => { return gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespace: true })) .pipe(gulp.dest('dist')); }); ;

回答 3 投票 0

未捕获(承诺中)TypeError:document.getElementById(..) is null

我对 JS 和 HTML 比较陌生,但是我无法理解如何解决我遇到的问题,我认为问题是在页面加载之前运行的脚本,所以已经尝试过,但我不确定...

回答 1 投票 0

SVG动画仅在我打开浏览器的开发工具时才开始

当我将带有 SVG 动画图像的 div 注入到 Bootstrap 5 offcanvas 内的 HTML 中(然后以编程方式显示)时,只有在我打开开发工具时动画才会开始...

回答 2 投票 0

让项目离开水平列表中的 div

我正在尝试仅使用 html css 重新创建这个概念应用程序的主页。现在我想让“热门类别”列表从外部 div 中消失,就像这张图片中的那样:(具体来说...

回答 1 投票 0

删除引导图标::之前

我正在动态添加引导程序图标,我希望这些图标出现在新行中。然而结果是图标和文本出现在同一行。看图片 这是代码

回答 1 投票 0

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