标签: w3c

省略</ TD>和</ TR>标签是否安全?

根据w3c </TD></TR>标签是可选的,所以下表是完全有效的.

<table>
  <tr>
    <td>google
    <td>chrome
</table>
Run Code Online (Sandbox Code Playgroud)

我测试过的所有浏览器都能很好地呈现表格.我只是想问一下这通常被认为是安全的,或者如果我无法访问的旧浏览器会导致问题.谢谢.

它减少了包含许多表的页面上的gzip html大小百分之几.

html w3c html-table

39
推荐指数
4
解决办法
9002
查看次数

innerHTML的替代方案?

我想知道是否有办法在不使用innerHTML的情况下更改HTML中的任何内容.

我问的原因是因为它对W3C有点不满意.我知道这是挑剔,但我只是想知道,有办法吗?

编辑:人们似乎误解了我在这里问的问题:我想找到一种方法来有效地改变正在显示的文本.

如果我有:

<div id="one">One</a>
Run Code Online (Sandbox Code Playgroud)

innerHTML允许我这样做:

var text = document.getElementsById("one");
text.innerHTML = "Two";
Run Code Online (Sandbox Code Playgroud)

我屏幕上的文字会发生变化.
我不想附加更多文字,我希望改变现有的文字.

javascript w3c innerhtml

37
推荐指数
7
解决办法
6万
查看次数

window.innerWidth vs document.documentElement.clientWidth

关于window.innerWidthdocument.documentElement.clientWidth,

  1. Webkit(Chrome/Safari)声称innerWidth小于clientWidth.

  2. 三叉戟和普雷斯托的主张innerWidth要大于clientWidth.

  3. Gecko声称innerWidth尺寸与clientWidth.

W3C(或silimar"权威")所说正确行为是什么?

测试脚本(在JSFiddle上)(在GoogleHost上):

setInterval(function() {
  var inner_w = window.innerWidth;
  var inner_h = window.innerHeight;
  var client_w = document.documentElement.clientWidth;
  var client_h = document.documentElement.clientHeight;
  var debug_msg = "inner: " + inner_w + "-" + inner_h + "<br>client: " + client_w + "-" + client_h;
  document.getElementById("d").innerHTML = debug_msg;
  document.title = debug_msg;
  document.body.style.background = (client_w === inner_w && …
Run Code Online (Sandbox Code Playgroud)

html javascript standards w3c dom

37
推荐指数
2
解决办法
3万
查看次数

如何获取已注册的自定义元素列表

我正在尝试检测是否已注册具有特定名称的自定义元素.有办法进行这样的检查吗?

或者有没有办法获得已注册的自定义元素列表?

我知道document.registerElement,但还有什么?它是单向API吗?

javascript html5 w3c web-component custom-element

37
推荐指数
5
解决办法
1万
查看次数

没有属性"allowtransparency"

我正在寻找一些替代方法:

<iframe transparency=true   ...
Run Code Online (Sandbox Code Playgroud)

当我进行W3C验证时,我收到错误:

Column 31: there is no attribute "allowtransparency"
Run Code Online (Sandbox Code Playgroud)

如果使用这个CSS,

.iframe-trans-fix{
   opacity: 0;
   filter:alpha(opacity=0);
}
Run Code Online (Sandbox Code Playgroud)

对于上面的代码片段,我得到一个空白的iframe.

html css w3c w3c-validation

36
推荐指数
2
解决办法
5万
查看次数

为什么 Edge 不支持 AVIF 图像?

AVIF是我见过的最有效的图像格式。我对它以惊人的小文件大小提供的图像质量感到惊讶。如果还没有,请尝试在Squoosh.app上转换一两个原始图像。它确实节省了带宽并加快了图像密集型网站的速度。意义重大!我很乐意将所有原始图像转换为 AVIF。

Chrome 和 Firefox 已经支持 AVIF 图像一段时间了,据我了解,Edge 是基于 Chromium 的,这让我假设它也支持 AVIF 图像。

但是,我刚刚在 Windows 10 的 Edge 版本 110.0.1587.46 中测试了依赖于 AVIF 的应用程序,并且没有显示任何 AVIF 图像。

鉴于 Edge 基于确实支持 AVIF 图像的浏览器,为什么 Edge 不支持 AVIF 图像?

更新2023-10-12

诚然,我现在对 Microsoft Edge 感到愤怒。这是我能说的最好的方式。Chromium 自动将 AVIF 支持提供给 Edge。然后,在每个版本中,Microsoft 都会不遗余力地故意删除 AVIF 支持。有时他们删除它太晚了,它就会滑入 Edge Betas(如下面 Charles Roper 的回答中所述)。

AVIF 是一种开放、免版税的图像文件格式。开源项目没有任何顾虑,包括对其的支持(即 Firefox、Chromium)。您会发现所有现代网络浏览器都支持 AVIF。没有合理的理由将其排除在 Edge 之外。它当然不符合用户或网络开发人员的最佳利益。由于没有官方解释,我们只能推测 AVIF 被排除的真正原因。

显然没有足够多的人对此进行抱怨。该问题是已知的、被忽略的,并且无限期地保持开放状态。

如果您想表达自己的挫败感(就像我多次做过的那样),请打开 Microsoft Edge 并按 Shift-Alt-I(或转到“...”菜单 > 帮助和反馈 > 发送反馈)。诚然,我已经被这种方法完全忽视了,但也许我的需求还不够,甚至无法被看到。

Stackoverflow,感谢您为我们提供了一种未经审查的方式来放大我们一直被忽视的请求。希望有人(有一定影响力)能读到这篇文章并帮助我们解决这个问题。到目前为止,我所尝试的一切都没有成功。

更新2024-01-14

在查尔斯·罗珀的回答中,他说:

“Alex Russell 报告说,Dev 121 中启用了 …

html browser w3c microsoft-edge avif

35
推荐指数
1
解决办法
7942
查看次数

为什么WCAG成为3级"A","AA"和"AAA"?

WCAG制定3个优先级的目的是什么?

是吗?

  • 如果客户不支付额外费用,或者如果我们没有多少时间,那么请去A
  • 如果客户支付当时或我们有时间使网站兼容至少 AA
  • 如果客户支付和需要根据政府.规则然后去AAA

如果我们正在制作网站,那么我们应该尝试实现哪个级别,或者我们应该只根据客户请求进行?

虽然我在这个网站上发现了这些定义,但这些对我来说很困惑

•优先级1:对于所有用户访问Web内容和Web开发人员达到一致性级别"A",必须满足这些要求.

•优先级2:Web开发人员应满足这些要求,以便没有任何组发现难以访问Web内容并达到一致性级别"AA".

•优先级3:Web开发人员可以满足这些要求,以便于访问某些组的Web内容并达到一致性级别"AAA".

usability w3c accessibility wcag screen-readers

33
推荐指数
2
解决办法
4万
查看次数

32
推荐指数
4
解决办法
3万
查看次数

32
推荐指数
3
解决办法
2万
查看次数

在HTML中显示街道地址的最具语义的方法是什么?

我有一个地址将显示在网页上,但它不是该页面作者的地址.考虑到w3c的推荐,如何将其编码为语义:

作者可以使用ADDRESS元素来提供文档的联系信息或文档的主要部分,例如表单.此元素通常出现在文档的开头或结尾.

html w3c semantic-markup street-address

31
推荐指数
2
解决办法
1万
查看次数