HTML的隐藏功能

110

HTML作为最广泛使用的语言(至少作为标记语言),并没有得到应有的赞誉。
考虑到它已经存在了这么多年,像FORM / INPUT控件等东西仍然保持不变,没有添加新的控件。

因此,至少从现有功能来看,您知道任何很有用但又不太为人所知的功能吗?

当然,这个问题与以下类似:

JavaScript的隐秘功能
CSS的隐秘功能
C#的隐秘功能
VB.NET的隐秘功能
Java的隐秘功能
Classic ASP的隐秘功能
ASP.NET的隐秘功能
Python的隐秘功能
TextPad的隐秘功能
Eclipse的隐秘功能

请不要提到HTML 5.0的功能,因为它仍在草案状态

每个答案请指定一个功能.

36个回答

6
这只与HTML有点关系,但很少有人知道它。
人们滥用带有http-equiv属性的<meta>标签:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Refresh" content="5; url=somewhere/"/>

然而,许多开发人员甚至不知道这是什么意思。 http-equiv 属性意味着该标记旨在在您无法控制它们的情况下替换HTTP标头。因此,大多数通过 http-equiv 完成的工作应在服务器端完成。
此外,它的功能不如强大:文档的几个属性无法通过&lt; meta&gt; 标签更改。&lt;meta> 标签中的 Content-Type 可以告诉浏览器使用某种字符集,但大多数浏览器会忽略对文档MIME类型的任何更改(因此您无法通过此方法将 text / html 文档变为 application / xhtml + xml )。
示例中的两个标记都应该由这些简单的调用替换:
<?php
header('Content-Type: text/html; charset=UTF-8');
header('Refresh: 5; url=somewhere/');
?>

这肯定适用于任何符合HTTP标准的浏览器(也就是几乎所有的浏览器)。

1
应该注意到,在IE中,<meta http-equiv="Refresh" content="5; url=foo">实际上会触发整个页面的刷新(包括所有缓存的资源)。请注意性能问题。详情请见:http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/meta-refresh-causes-additional-http-requests.aspx - Mathias Bynens
W3C 验证器建议在 meta 元素中包含编码,这样用户可以将网页保存到本地文件系统。 - kibibu
1
@kibibu:这是完全有可能的。我早就开始使用XHTML文档而非HTML文档(我放弃了Internet Explorer已经三年了),因此我会在文档顶部的<?xml?>声明中添加该信息:<?xml version="1.0" encoding="UTF-8"?> - zneak

5
上标使用<sup> x </sup>

3

只有在表单中存在提交按钮时,按下文本输入框上的 Enter 键才能提交表单。试试这里。如果您不将按钮类型更改为“submit”,它将无法工作。


2
这取决于您使用的浏览器。在 HTML 2 中,仅包含文本输入的表单应该通过按 Enter 键来提交。http://www.alanflavell.org.uk/www/formquestion.html - Quentin

3
我的最爱隐藏功能已经被提到了,那就是“base”标签。当你有一大段代码里面包含相对URL但突然移动时非常方便,而页面不会受影响。
但是还有一个没被提到的是列表头标签。它可能没被提到是因为被认为是“弃用”的,但大多数浏览器仍支持它。我不知道为什么它被淘汰了,我制作的几乎每个无序列表都需要一个标题,只是使用h3标签感觉很奇怪,而将第一个列表项作为列表标题则不正确。

你应该研究一下<dt>、<dl>和<dd>标签——定义列表是相当晦涩的标记语言,但非常有用。 - HorusKol
我以前从未听说过<lh>元素。我喜欢你提到它的语义重要性的观点。可惜它已经被弃用了。 :( - Web_Designer

2

13
在使用UTF-8编码的世界里,它并不是必需品。 - Quentin
5
确实不是必要的,但我个人更喜欢使用符号 π 而不是 π。 - Ant
12
我说的是 UTF-8 编码,而不是数字字符引用,例如 π。 - Quentin
3
如果你在列表中查找了实体,那么你可以将实体进行转录、复制和粘贴实体,或者...只需复制和粘贴字符本身 :) - Quentin
5
如果源代码中也包含实际字符,那么之后阅读源代码会更容易些。 - Quentin
显示剩余4条评论

0

定义列表:

<dl>
  <dt>Some Term</dt>
  <dd>Some description</dd>
  <dd>Some other description</dd>

  <dt>Another Word/Phrase</dt>
  <dd>Some description</dd>
</dl>

我还将其重新分配为各种网站的表单布局和导航菜单。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接