程序设计 html

2

我正在使用Django进行开发，并从数据库中检索了一些包含换行符的文本。但是，当我使用模板标记将其渲染到模板时，它不会显示换行符。问题是什么？

90 html django-templates newline

7

在我的网站上，我使用reset.css。它将精确地添加到列表样式中： ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, …

90 html css html-lists

2

从没有JavaScript的HTML表单中发布数组

我的表单有点复杂，我希望通过本地发布一个元组数组来简化服务器端（PHP）处理。表单的第一部分代表一个User：名字姓电子邮件地址等等表单的第二部分代表一棵树：水果高度等等问题是我需要能够以相同形式为单个用户发布多棵树。我想以树的数组作为单个用户发送信息，但这对于表单而言可能太复杂了。唯一想到的是使用javascript使用User对象和Tree对象数组创建一些JSON消息。但最好避免使用javascript支持更多用户（某些人已关闭脚本）。

90 php html forms post

5

如何告知Google翻译不翻译网站的某个部分？

Google Translate有一个开发人员工具，可让Google在网站上进行翻译。有没有办法告诉Google翻译不要翻译网站的一部分？也许在HTML元素上带有类名？我尝试了HTML5 translation = no属性。没有作用。这是一个特殊的问题，因为Google误译了网站名称。

90 javascript html google-translate

7

在<head>中对元素进行排序的最佳实践是什么？

可以以任何顺序使用任何东西？放置<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">之前很重要<title> 这是最常用的，是最好的方法吗？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Title Goes Here</title> <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"> <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#wmd-input").focus(); $("#title").focus(); $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); }); }); </script> </head> <body> …

90 html css xhtml w3c

7

内联样式在CSS中充当：hover

我知道将CSS样式直接嵌入到它们会影响的HTML标记中会破坏CSS的许多目的，但是有时对于调试目的很有用，例如： <p style="font-size: 24px">asdf</p> 嵌入规则的语法是什么： a:hover {text-decoration: underline;} 放入A标签的样式属性中？显然不是这个... <a href="foo" style="text-decoration: underline">bar</a> ...因为这将一直适用，而不是仅在悬停期间适用。

90 html css

9

HTML / Javascript：如何访问设置了src的脚本标签中加载的JSON数据

我有一个在服务器中生成的JSON文件，由于该页面可见，因此我希望在客户端上对其进行访问。基本上我想实现的是：我在html文档中声明了以下标签： <script id="test" type="application/json" src="http://myresources/stuf.json"> 源中引用的文件具有JSON数据。如我所见，数据已经下载，就像脚本一样。现在，如何使用Javascript访问它？我尝试使用多种方法来访问带有和不带有jQuery的脚本标签，以尝试获取我的JSON数据，但是这不起作用。innerHTML如果将json数据内嵌在脚本中，则获取它的工作将是可行的。不是，不是我想要达到的目标。页面加载后的远程JSON请求也不是一种选择，以防您建议这样做。

90 javascript json html script-tag

8

使用JavaScript更改标签文本

为什么以下内容对我不起作用？ <script> document.getElementById('lbltipAddedComment').innerHTML = 'Your tip has been submitted!'; </script> <label id="lbltipAddedComment"></label>

90 javascript html label innerhtml

5

现代网站中的SVG图标与PNG图标

我想知道为什么这么少的现代网站仍然只使用PNG作为图标（但是这种假设只是基于我的观察）。到目前为止，我知道，在SVG上使用PNG的主要原因是IE8，并且SVG使用了更多的CPU能力（但是我不认为对于简单的1K图标来说这不是问题）。我可以看到（现在我们正在使用）使用SVG的许多优点，无论是将其用作精灵，图像还是嵌入式SVG。（寻找研究的问题：PNG Sprite与SVG sprite与Icon字体专注于性能，而没有相关的答案，Icon Font与SVG缓存和网络相关性关注于网络流量，但是可以通过模板轻松解决。）如果新网站仅支持现代浏览器，是否有任何理由不使用SVG（或-是否有任何理由将PNG用于图标）？如果我们不在乎IE8，并且通过模板化和/或缓存来备份SVG的使用，是否有任何陷阱可以仅依靠SVG？

90 html svg icons

8

使用javascript画布调整图像大小（平滑）

我正在尝试使用画布调整某些图像的大小，但是我对如何使其平滑一无所知。在Photoshop，浏览器等上。它们使用几种算法（例如，双三次，双线性），但是我不知道这些算法是否内置在画布中。这是我的小提琴：http : //jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); 第一个是正常调整大小的图像标签，第二个是画布。请注意，画布如何不那么光滑。如何获得“顺滑度”？

90 javascript html image canvas html5-canvas

18

Bootstrap模式问题-禁用滚动

我有一个模态，并且在该模态中，有一个下拉菜单显示较大的隐藏内容，该下拉列表正在运行。现在，当您打开堆叠在第一个模态顶部的下一个模态并关闭它时，在下面的模态上的滚动将被禁用。我创建了一个完整的示例，其中包括复制我面临的问题的步骤。你可以在这里看到它。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> <title></title> <style> </style> </head> <body> <input type="button" data-toggle="modal" data-target="#modal_1" class="btn btn-lg btn-primary" value="Open Modal 1" > <div class="modal fade" id="modal_1"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title">First Modal</h4> …

90 jquery html twitter-bootstrap

6

ES2015导入在Firefox中不起作用（即使在顶级）

这些是我的示例文件： <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js： import Test from 't2.js'; t2.js： export const Test = console.log("Hello world"); 当我在Firefox 46中加载页面时，它返回“ SyntaxError：导入声明可能仅出现在模块的顶层”-但我不确定import语句可以在此处获得多少顶层。此错误是红色鲱鱼吗，并且尚不支持导入/导出吗？

90 javascript html firefox ecmascript-6 es6-modules

18

更改“未选择文件”：

我有一个按钮“选择文件”，如下所示（我正在使用Jade，但它应该与Html5相同）： input(type='file', name='videoFile') 在浏览器中，这将显示一个按钮，旁边带有一个文本“未选择文件”。我想将“未选择文件”文本更改为其他内容，例如“未选择视频”或“请选择视频”。我遵循了这里的第一个建议：我不想在文件输入字段中看到“未选择文件” 但是这样做并没有改变文本： input(type='file', name='videoFile', title = "Choose a video please") 有人可以帮我弄清楚问题出在哪里吗？

90 html button file-upload pug

9

使用bootstrap css将两个div水平并排居中对齐页面

请参考下面的代码我尝试了什么 <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> 输出： First Div SecondDiv 预期产量： First Div Second Div 我想使用引导CSS将两个div水平居中对齐到页面。我怎样才能做到这一点？我不想使用简单的CSS和浮动概念来做到这一点。因为我需要使用bootstrap css来处理所有类型的布局（即所有窗口大小和分辨率），而不是使用媒体查询。

90 html css twitter-bootstrap

5

如何选择没有特定类别的元素

我想知道如何使用JavaScript（而不是jQuery）选择没有特定类的元素。例如，我有以下列表： <ul id="tasks"> <li class="completed selected">One Task</li> <li>Two Task</li> </ul> 然后通过以下方式选择完成的任务： var completeTask = document.querySelector("li.completed.selected"); 但是然后我不确定如何选择不具有这些类的列表项。

90 javascript html class

Questions tagged «html»