关于XHTML:HTML的隐藏功能

Hidden features of HTML

HTML作为最广泛使用的语言(至少作为标记语言)尚未得到应有的认可。< BR>考虑到它已经存在了这么多年,像表单/输入控件这样的东西仍然保持不变,没有添加新的控件。

因此,至少从现有的特性来看,您知道任何不知名但非常有用的特性吗?

当然,这个问题是沿着以下几条线:

javascript的隐藏功能
CSS的隐藏功能
C
的隐藏功能vb.net的隐藏功能
JavaBR/>的隐藏特性经典ASP的隐藏功能
ASP.NET的隐藏功能
python的隐藏功能
textpad的隐藏功能
日蚀的隐藏特征

不要提及HTML 5.0的功能,因为它在工作草案中

请为每个答案指定一个功能。


使用与协议无关的绝对路径:

1
<img src="//domain.com/img/logo.png"/>

如果浏览器通过HTTPS查看SSL中的页面,那么它将使用HTTPS协议请求该资产,否则它将使用HTTP请求该资产。

这样可以防止IE中出现可怕的"此页面同时包含安全和非安全项"错误消息,从而将所有资产请求保持在同一协议内。

警告:在样式表的或@import上使用时,IE7和IE8将下载该文件两次。然而,所有其他用途都是好的。


标签标记使用"for"属性将标签与表单元素逻辑链接。大多数浏览器将其转换为一个链接,用于激活相关的表单元素。

1
2
<label for="fiscalYear">Fiscal Year</label>
<input name="fiscalYear" type="text" id="fiscalYear"/>


的ContentEditable属性(即,firefox和safari)

1
2
3
4
5
6
<table>
    <tr>
      <td>This text can be edited</td>
      <td>This text can be edited</td>
    </tr>
</table>

这将使单元格可编辑!去吧,如果你不相信我就试试。


我认为optgroup标签是人们不经常使用的一个特性。大多数和我交谈的人都没有意识到它的存在。

例子:

1
2
3
4
5
6
7
8
9
10
<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>


我最喜欢的是基本标签,如果你想使用路由或URL重写,这是一个生命保护程序…

假设您位于:

1
www.anypage.com/folder/subfolder/

以下是此网页链接的代码和结果。

定期锚:

1
Click here

导致

1
www.anypage.com/folder/subfolder/test.html

现在,如果添加基标记

1
2
<base href="http://www.anypage.com/" />
Click here

现在锚点指向:

1
www.anypage.com/test.html


1
<img onerror="{javascript}" />

onerror是一个javascript事件,它将在小红十字会(在IE中)图片显示之前被触发。

您可以使用它编写一个脚本,该脚本将用一些有效的替代内容替换损坏的图像,这样用户就不必处理红十字问题。

乍一看,这是完全无用的,因为,你不知道之前的图像是否是可用的吗?但是,如果您考虑的话,对于这一点,有完全有效的应用程序;例如:假设您正在从您不控制的第三方资源提供图像。就像我们的肉汤一样…它由http://www.gravatar.com/提供,StackOverflow团队根本无法控制该资源,尽管它是可靠的。如果http://www.gravatar.com/下降,stackoverflow可以通过使用onerror来解决这个问题。


用于标记键盘输入的元素

ctrl+alt+dl


1
<blink>

必须用于现场的任何重要事项。最重要的网站会在一瞬间将所有内容打包。

1
<marquee>

创建一个真实的滚动效果,非常适合电子书等。

编辑:放松点,伙计们,这只是一种幽默的尝试。