HTML是最广泛使用的语言（至少作为一种标记语言）尚未得到应有的重视。
考虑到它已经存在了很多年，因此FORM / INPUT控件之类的东西仍然保持不变，没有添加任何新控件。
因此，至少从现有功能中，您知道不为人所知但非常有用的任何功能。
当然，这个问题是基于以下方面：
JavaScript的
隐藏功能CSS的
隐藏功能C＃的
隐藏功能VB.NET的
隐藏功能Java的
隐藏功能经典ASP的
隐藏功能ASP.NET的
隐藏功能Python的
隐藏功能Python的隐藏功能TextPad的
隐藏功能Eclipse的隐藏功能
不要提及HTML 5.0的功能，因为它正在起草中
请为每个答案指定一项功能。
Answers:
使用与协议无关的绝对路径：
<img src="//domain.com/img/logo.png"/>如果浏览器正在通过HTTPS使用SSL查看页面，则它将使用https协议请求该资产，否则将通过HTTP请求该资产。
这样可以防止IE中出现可怕的“此页面同时包含安全和非安全项目”错误消息，从而使所有资产请求都保持在同一协议内。
警告：在样式表的<link>或@import上使用时，IE7和IE8 将文件下载两次。但是，所有其他用途都很好。
file:协议进行访问时，浏览器将无法找到资源（例如CDN或其他外部服务器的资源）。
标签标记使用“ for”属性在逻辑上将标签与表单元素链接。大多数浏览器都将其转换为激活相关表单元素的链接。
<label for="fiscalYear">Fiscal Year</label>
<input name="fiscalYear" type="text" id="fiscalYear"/>（IE，Firefox和Safari）的contentEditable属性
<table>
<tr>
<td><div contenteditable="true">This text can be edited<div></td>
<td><div contenteditable="true">This text can be edited<div></td>
</tr>
</table>这将使单元格可编辑！继续吧，如果您不相信我，请尝试一下。
我认为optgroup标签是人们不经常使用的功能之一。我与之交谈的大多数人并不倾向于意识到它的存在。
例：
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>---category---。
我最喜欢的位是基本标记，如果要使用路由或URL重写，它可以节省生命。
假设您位于：
www.anypage.com/folder/subfolder/以下是此页面链接的代码和结果。
常规锚点：
<a href="test.html">Click here</a>导致
www.anypage.com/folder/subfolder/test.html现在，如果您添加基本标签
<base href="http://www.anypage.com/" />
<a href="test.html">Click here</a>锚点现在导致：
www.anypage.com/test.html#top将解析为根索引文档中的“顶部”和同一文档中的“顶部”。
<img onerror="{javascript}" />onerror 是一个JavaScript事件，将在显示小红叉（在IE中）图片之前立即触发。
您可以使用它来编写一个脚本，该脚本将使用一些有效的替代内容替换损坏的图像，从而使用户不必处理红十字会问题。
乍一看，这完全没有用，因为您以前不知道该图像是否一开始可用吗？但是，如果您考虑的话，这件事有完美的有效应用。例如：假设您正在从不受控制的第三方资源提供图像。就像我们这里的gravatar ...一样，它是从http://www.gravatar.com/提供的，尽管stackoverflow团队是可靠的，但它根本无法控制该资源。如果http://www.gravatar.com/掉线，stackoverflow可以通过使用解决此问题onerror。
<kbd>标记键盘输入的元素
Ctrl+ Alt+Del
<blink>必须用于网站上的任何重要事项。最重要的网站会一瞬间将所有内容包装起来。
<marquee>创建逼真的滚动效果，非常适合电子书等。
编辑：轻松的伙计们，这只是幽默的尝试
<ins>和<del>在Revisions页面上，但是现在它使用<span class="diff-add">和<span class="diff-delete">。:(
该按钮的标签是新的input submit标签，很多人仍然不熟悉它。例如，可以使用button标记来设置按钮中的文本样式。
<button>
<b>Click</b><br />
Me!
</button>将呈现一个带有两行的按钮，第一行以粗体显示“ Click ”，第二行以“ Me！”显示。在这里尝试。
button，这在IE <8中不起作用，它惊人地发送了ALL button元素的名称/值对。
指定要打印的CSS
<link type="text/css" rel="stylesheet" href="screen.css" media="screen" />
<link type="text/css" rel="stylesheet" href="print.css" media="print" />在<dl> <dt>与<dd>项目往往被人们遗忘，他们代表定义列表，定义术语与定义。
它们的工作方式类似于无序列表（<ul>），但它更像是键/值列表，而不是单个条目。
<dl>
<dt>What</dt><dd>An Example</dd>
<dt>Why</dt><dd>Examples are good</dd>
</dl>没有完全隐藏，但是（这是IE的错），人们了解的不足 thead，tbody和tfoot以符合我的口味。你们当中有多少人知道踩脚应该出现在标记上方？
thead和tfoot。遗憾的thead是，当您的表较长时，浏览器中没有重复的机制。
的 wbr或字断标签。从Quirksmode：
（断字）表示：“浏览器可以根据需要在此处插入换行符。” 如果浏览器认为不需要换行，则什么也不会发生。
<div class="name">getElements<wbr>ByTagName()</div>我为浏览器提供了添加换行符的选项。当桌子有足够的空间时，对于非常大的分辨率，这将不是必需的。但是，在较小的分辨率下，这种策略性放置的换行符使表格无法变得比窗口大，从而导致水平滚动条。
­在同一页面上还提到了HTML实体。这与wbr插入中断时相同，但是-添加了连字符（）表示中断。有点像如何完成印刷。
一个例子：
TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextObject
一个未得到充分利用的功能是，几乎每个在页面上提供可见内容的元素都可以具有'title'属性。
添加此类属性时，将鼠标“悬停”在元素上时会出现“工具提示”，并且可以用来提供非必要但有用的信息，而不会导致页面过于拥挤。（或者它可以是一种将信息添加到已经拥挤的页面的方法）
将多个html / css类应用于一个标签。同样的帖子在这里
<p class="Foo Bar BlackBg"> Foo, Bar and BlackBg are css classes</p>我们都知道DTD或文档类型声明（那些使您无法使用W3C验证程序进行页面编程的声明）。但是，可以扩展DTD通过声明自定义元素的属性列表。
例如，W3C验证将这个网页失败，因为behavior="mouseover"加入<p>标签。但是，您可以通过执行以下操作使其通过：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
[
<!ATTLIST p behavior CDATA #IMPLIED>
]>有关更多信息，请参见QuirksMode上的有关Custom DTD。
class属性没有足够的可扩展性。
我们可以将base 64编码的字符串分配为image，JavaScript，iframe，link的source / href属性
例如
<img alt="Embedded Image" width="297" height="246"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA..." />
div.image {
width:297px;
height:246px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...);
}
<image>
<title>An Image</title>
<link>http://www.your.domain</link>
<url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...</url>
</image>
<link rel="stylesheet" type="text/css"
href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq..." />
<script type="text/javascript"
href="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>参考资料
我最近发现了关于字段集和标签的标签。如上所述，不是隐藏的，但对表单有用。
例：
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text" size="30" /><br />
Email: <input type="text" size="30" /><br />
Date of birth: <input type="text" size="10" />
</fieldset>
</form>您可以使用object标记代替iframe来在页面中包含另一个文档：
<object data="data/test.html" type="text/html" width="300" height="200">
alt : <a href="data/test.html">test.html</a>
</object><optgroup>这是人们在细分<select>列表时经常会错过的一个很棒的工具。
<select>
<optgroup label="North America">
<option value='us'>United States</option>
<option value='ca'>Canada</option>
</optgroup>
<optgroup label="Europe">
<option value='fr'>France</option>
<option value='ir'>Ireland</option>
</optgroup>
</select>是您应该使用而不是
<select>
<option value=''>----North America----</option>
<option value='us'>United States</option>
<option value='ca'>Canada</option>
<option value=''>----Europe----</option>
<option value='fr'>France</option>
<option value='ir'>Ireland</option>
</select>大多数人也不知道您可以通过给它们一个名称/值对来区分所按下的表单按钮。例如
<form action="process" method="post">
...
<input type="submit" name="edit" value="Edit">
<input type="submit" name="delete" value="Delete">
<input type="submit" name="move_up" value="Move up">
<input type="submit" name="move_up" value="Move down">
</form>在服务器端，仅通过检查与按钮名称关联的请求参数的存在即可获得按下的实际按钮。如果不是null，则按下按钮。
我见过很多的不必要的 JS黑客/解决办法对于，例如，改变的形式作用或改变隐藏输入值预先根据按钮按压。简直令人惊讶。
另外，我已经看到与表格行中一样多的JS hacks /解决方法来收集多个复选框的已选中复选框。每次对表行进行选择/检查时，JS都会将行索引添加到隐藏输入元素中某个逗号分隔的值中，然后在服务器端将其进一步拆分/解析。这是由于您不知道可以为多个输入元素指定相同的名称，但使用不同的值，并且仍然可以在服务器端以数组的形式访问它们。例如
<tr><td><input type="checkbox" name="rowid" value="1"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="2"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="3"></td><td> ... </td></tr>
...如果不了解，则会为每个复选框指定一个不同的名称，并忽略整个value属性。在某些JS-hack / free-around情况下，我还看到服务器端代码中不必要的压倒性魔术来区分已检查项目。
<button type="submit">代替<input type="submit">:)时
<input type="submit">吗？（我对这个问题的记忆很模糊-我早就说服雇主不必担心IE与内部Web应用程序的兼容性，所以这不再是我的问题。但是我似乎想起了使此问题在IE6中可解决的一些障碍。 ）
<table width="100%">
<colgroup>
<col style="width:40%;" />
<col style="width:60%;" />
</colgroup>
<thead>
<tr>
<td>Column 1<!--This column will have 40% width--></td>
<td>Column 2<!--This column ill have 60% width--></td>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</tbody>
</table>如果未指定标签的for属性<label>，则将其隐式设置为第一个孩子<input>，即
<label>Alias: <input name="alias" id="alias"></label>相当于
<label for="alias">Alias:</label> <input name="alias" id="alias">按钮为链接，没有JavaScript：
您可以将任何类型的文件放入表格中操作中，并且有一个充当链接的按钮。无需使用onclick事件等。您甚至可以通过在表单中粘贴“目标”来在新窗口中打开文件。我在应用中看不到该技术很多。
取代这个
<a href="myfile.pdf" target="_blank">Download file</a>有了这个：
<form method="get" action="myfile.pdf" target="_blank">
<input type="submit" value="Download file">
</form>在X秒内刷新页面的最简单方法 -META刷新
<meta http-equiv="refresh" content="600">内容中的值表示要刷新页面的秒数。
[编辑]
<meta http-equiv="refresh" content="0; url=foobar.com/index.html">做一个简单的重定向！
（感谢@rlb）
<html>，<head>和<body>标签都是可选的。如果您省略它们，则解析器将在适当的位置将它们静默插入。它的在HTML中这样做完全有效的（就像隐含的一样<tbody>）。
从理论上讲， HTML 是SGML应用程序。这可能是最短的有效时间 HTML 4文档：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title//<p/除了W3C验证程序之外，以上所有方法均无效。但是，最短有效的HTML5 text/html文档可在任何地方使用：
<!DOCTYPE html><title></title><!DOCTYPE html><title></title>
head/的兼容性如何body？
<head>有时会在DOM中省略，但是头部内容在DOM中仍然有效。我发现的最大问题是OpenID客户端需要<head>明确显示。
该lang属性不是很知名，但很有用。该属性用于标识整个文档或单个元素中内容的语言。语言代码以ISO 2个字母的语言代码给出（例如，英语为“ en”，法语为“ fr”）。
这对于可以调整引号显示的浏览器等很有用。屏幕阅读器还可以从lang 属性和搜索引擎中受益。
Sitepoint对lang属性。
对于整个文档，将语言指定为英语，除非被langDOM中较低级别的另一个属性覆盖。
<html lang="en">在以下段落中将语言指定为瑞典语。
<p lang="sv">Ät din morgongröt och bli stor och stark!</p>该“！DOCTYPE”声明。不要以为这是一个隐藏的功能，但它似乎并不为人所知，但却非常有用。
例如
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">