Questions tagged «html»

几个小时前，我阅读了有关aria-label属性的信息： 定义标记当前元素的字符串值。 但是我认为这就是title属性应该做的。我在Mozilla开发人员网络中进一步查找了一些示例和解释，但是我发现的唯一是 <button aria-label="Close" onclick="myDialog.close()">X</button> 这没有给我提供任何标签（所以我认为我误解了这个想法）。我在jsfiddle中尝试过。 所以我的问题是：为什么我需要aria-label并且应该如何使用它？

321 html  assistive-technology 

在Visual Studio中，我看到以下警告： 验证（HTML 5）：属性“ cellpadding”不是元素“ table”的有效属性。 验证（HTML 5）：属性“ cellspacing”不是元素“ table”的有效属性。 验证（HTML 5）：属性“ valign”不是元素“ td”的有效属性。 验证（HTML 5）：属性“ align”不是元素“ td”的有效属性。 如果它们不是HTML5中的有效属性，那么用CSS替换它们是什么？

320 html  css  visual-studio  css-tables 

我有几个PHP页面使用以下代码将各种内容回显到HTML页面中。 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 但是，当我使用W3C验证器进行验证时，它附带了： HTTP标头（iso-8859-1）中指定的字符编码与元素（utf-8）中的值不同。 我对PHP还是很陌生，我想知道是否可以并且应该更改PHP文件的标头以匹配HTML文件。

319 php  html  http-headers 

我mailto在HTML文档中有几个链接。 <a href="mailto:etc..."> 我可以在mailto:部分插入HTML格式的正文href吗？ <a href="mailto:me@me.com?subject=Me&body=<b>ME</b>">Mail me</a> 请注意，在iOS中（2016），添加<i>和<b>标记以简单的斜体，粗体格式是完全可以的。

319 html  email  mailto 

我最近一直在摆弄WebGL，并让Collada阅读器工作。问题是它相当慢（Collada是一种非常冗长的格式），因此我将开始将文件转换为更易于使用的格式（可能是JSON）。我已经有了使用JavaScript解析文件的代码，因此我也可以将其用作导出器！问题正在保存。 现在，我知道我可以解析文件，将结果发送到服务器，并让浏览器从服务器请求文件下载作为下载。但是实际上，服务器与该特定过程无关，那么为什么要参与其中呢？我已经在内存中保存了所需文件的内容。有什么办法可以使用户使用纯JavaScript进行下载？（我对此表示怀疑，但也可能会问...） 需要明确的是：我不会在用户不知情的情况下尝试访问文件系统！用户将提供一个文件（可能通过拖放操作），脚本将转换文件在内存中的位置，并提示用户下载结果。就浏览器而言，所有这些都应该是“安全”的活动。 [编辑]：我没有提前提到它，所以回答“ Flash”的海报是足够有效的，但是我正在做的部分工作是试图强调使用纯HTML5可以完成的工作...因此Flash是就我而言。（尽管对于任何使用“真实” Web应用程序的人来说，这都是一个非常有效的答案。）在这种情况下，除非我不想让服务器参与其中，否则看起来我很不走运。不管怎么说，还是要谢谢你！

317 javascript  html  download 

编辑-原标题：是否有其他方式来实现border-collapse:collapse的CSS（为了有倒塌，圆角表）？ 事实证明，仅使表格的边框折叠起来并不能解决根本问题，因此我更新了标题以更好地反映讨论内容。 我正在尝试使用该CSS3 border-radius属性制作带有圆角的表。我正在使用的表格样式如下所示： table { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px } 这是问题所在。我也想设置该border-collapse:collapse属性，并且在设置该属性时border-radius不再起作用。有没有一种基于CSS的方式可以获得与border-collapse:collapse不实际使用相同的效果？ 编辑： 我在此处做了一个简单的页面来演示问题（仅Firefox / Safari）。 看来问题的很大一部分是将表设置为具有圆角不会影响Corner td元素的角。如果桌子全是一种颜色，那将不是问题，因为我可以td分别使第一行和最后一行的上角和下角变圆。但是，我在表中使用了不同的背景色来区分标题和条纹，因此内部td元素也将显示其圆角。 拟议解决方案摘要： 用另一个带有圆角的元素包围桌子是行不通的，因为桌子的四角“渗出了”。 将边框宽度指定为0不会折叠表格。 底部td四角设置CELLSPACING零后仍然广场。 相反，使用JavaScript可以避免此问题。 可能的解决方案： 这些表是用PHP生成的，因此我可以将一个不同的类应用于每个外部th / tds并分别设置每个角的样式。我不想这样做，因为它不是很优雅，并且要应用于多张桌子有点痛苦，所以请继续提出建议。 可能的解决方案2是使用JavaScript（特别是jQuery）对角进行样式设置。此解决方案也可以使用，但仍然不是我想要的（我知道我很挑剔）。我有两个保留意见： 这是一个非常轻量级的网站，我希望将JavaScript保持在最低水平 使用边界半径对我来说具有吸引力的一部分是优美的退化和渐进的增强。通过对所有圆角使用border-radius，我希望在支持CSS3的浏览器中拥有一个一致的圆形站点，并在其他浏览器中拥有一个一致的正方形站点（我在看着您，IE）。 我知道今天尝试使用CSS3似乎没有必要，但是我有自己的理由。我还要指出的是，此问题是w3c规范的结果，而不是CSS3的支持不佳，因此，当CSS3得到更广泛的支持时，任何解决方案都仍然是相关且有用的。

317 html  css  rounded-corners  html-table 

我正在创建一个移动网页，基本上是一个大型表单，带有多个文本输入。 但是（至少在我的Android手机上），每次我单击某些输入时，整个页面都会在此处放大，从而遮盖了页面的其余部分。是否有一些HTML或CSS命令来禁用这种在网页上缩放的功能？

316 html  css  mobile 

我正在使用HTML5对游戏进行编程；我现在遇到的障碍是如何播放音效。 具体要求数量很少： 播放和混合多种声音， 多次播放同一样本，可能会重复播放， 随时中断样本播放， 最好播放包含（低质量）原始PCM的WAV文件，但是我当然可以转换它们。 我的第一种方法是使用HTML5 <audio>元素并定义页面中的所有声音效果。Firefox只是播放桃花心的WAV文件，但#play多次调用实际上并不会多次播放示例。根据我对HTML5规范的理解，该<audio>元素还跟踪播放状态，因此可以解释原因。 我的直接想法是克隆音频元素，因此我创建了以下微型JavaScript库来为我做这件事（取决于jQuery）： var Snd = { init: function() { $("audio").each(function() { var src = this.getAttribute('src'); if (src.substring(0, 4) !== "snd/") { return; } // Cut out the basename (strip directory and extension) var name = src.substring(4, src.length - 4); // Create the helper …

316 javascript  html  html5-audio 

在不使用表或JavaScript的情况下如何实现以下结构？白色边框代表div的边缘，与问题无关。 中间区域的大小将有所变化，但将具有精确的像素值，并且整个结构应根据这些值缩放。为了简化它，我需要一种方法来将“ 100％-n px”宽度设置为顶部-中间和底部-中间div。 我希望能使用一个干净的跨浏览器解决方案，但如果不可能，CSS hacks会做。 这是奖金。我一直在努力并最终使用表或JavaScript的另一种结构。稍有不同，但是引入了新的问题。我主要在基于jQuery的窗口系统中使用它，但是我想使布局不在脚本中，而仅控制一个元素（中间一个）的大小。

316 html  css  height  width 

我想从一组单选按钮中获取选定的值。 这是我的HTML： <div id="rates"> <input type="radio" id="r1" name="rate" value="Fixed Rate"> Fixed Rate <input type="radio" id="r2" name="rate" value="Variable Rate"> Variable Rate <input type="radio" id="r3" name="rate" value="Multi Rate" checked="checked"> Multi Rate </div> 这是我的.js： var rates = document.getElementById('rates').value; var rate_value; if(rates =='Fixed Rate'){ rate_value = document.getElementById('r1').value; }else if(rates =='Variable Rate'){ rate_value = document.getElementById('r2').value; …

316 javascript  html  radio-button 

是否可以使用Javascript将CSS样式表导入html页面？如果是这样，怎么办？ 附言：JavaScript将会托管在我的网站上，但我希望用户能够放入<head>其网站的标签，并且它应该能够将托管在我的服务器上的CSS文件导入当前网页。（css文件和javascript文件都将托管在我的服务器上）。

316 javascript  html  css  dhtml 

我有以下HTML <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> 以及以下样式： DIV.section DIV:first-child { ... } 由于某种原因，我不了解该样式已应用于“子内容1” <div>和“标题” <div>。 我认为样式上的选择器仅适用于div的第一个直接子类，该子类带有“ section”类。如何更改选择器以获取所需的内容？

315 html  css  css-selectors 

我正在尝试建立一个具有三列的flexbox布局，其中左列和右列具有固定的宽度，而中间列可以弯曲以填充可用空间。 尽管设置了列的尺寸，但它们似乎仍会随着窗口缩小而缩小。 有人知道如何做到这一点吗？ 我需要做的另一件事是基于用户交互隐藏右列，在这种情况下，左列仍将保持其固定宽度，而中间列将填充其余空间。 #container { display: flex; justify-content: space-around; align-items: stretch; max-width: 1200px; } .column.left { width: 230px; } .column.right { width: 230px; border-left: 1px solid #eee; } .column.center { border-left: 1px solid #eee; } <div id="container"> <div class="column left"> <p>Anxiety was a blog series that ran in the …

315 html  css  flexbox 

我正在尝试使用javascript和canvas元素在客户端创建缩略图，但是当我缩小图像时，它看起来很糟糕。看起来好像是在Photoshop中缩小了尺寸，将重采样设置为“最近的邻居”而不是Bicubic。我知道有可能使它看起来正确，因为该站点也可以使用画布来很好地完成它。我已经尝试使用与[[Source]]链接中所示相同的代码，但是看起来仍然很糟糕。是否有我所缺少的东西，需要设置的设置或其他东西？ 编辑： 我正在尝试调整jpg的大小。我尝试在链接的网站和photoshop中调整相同jpg的大小，缩小尺寸时看起来还不错。 以下是相关代码： reader.onloadend = function(e) { var img = new Image(); var ctx = canvas.getContext("2d"); var canvasCopy = document.createElement("canvas"); var copyContext = canvasCopy.getContext("2d"); img.onload = function() { var ratio = 1; if(img.width > maxWidth) ratio = maxWidth / img.width; else if(img.height > maxHeight) ratio = maxHeight / img.height; …

314 javascript  html  canvas  image-resizing 

考虑以下： <div onclick="alert('you clicked the header')" class="header"> <span onclick="alert('you clicked inside the header');">something inside the header</span> </div> 如何做到这一点，以便当用户单击跨度时不会触发div的click事件？

313 javascript  html  events  dom