HTML的隐藏功能

(IE,Firefox和Safari)的contentEditable属性

    

      
This text can be edited

      
This text can be edited

    

这将使细胞可编辑!来吧,如果你不相信我,试试吧.

我认为optgroup标签是人们不经常使用的一个功能.我与之交谈的大多数人都不会意识到它存在.

例:

  
    Volvo
    Saab
  
  
    Mercedes
    Audi
  

我最喜欢的是基本标签,如果你想使用路由或URL重写,它可以节省生命...

假设您位于:

www.anypage.com/folder/subfolder/

以下是此页面中链接的代码和结果.

常规锚:

Click here

导致

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

现在,如果你添加基本标签

Click here

锚点现在导致:

www.anypage.com/test.html

onerror 是一个JavaScript事件,将在显示小红十字(在IE中)图片之前触发.

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

乍一看,这可以被视为完全没用,因为,如果图像首先可用,您以前不知道吗？但是,如果你考虑,这个东西有完美的有效应用; 例如:假设您正在从您无法控制的第三方资源提供图像.就像我们在SO中的gravatar ...它来自http://www.gravatar.com/,这是stackoverflow团队根本无法控制的资源 - 尽管它是可靠的.如果http://www.gravatar.com/发生故障,stackoverflow可以通过使用来解决此问题onerror.

用于标记键盘输入的元素

Ctrl+ Alt+Del

必须用于网站上的任何重要内容.最重要的网站将所有内容包装成闪烁.

创造逼真的滚动效果,非常适合电子书等.  

编辑:Easy-up fellas,这只是一种幽默的尝试

        
也许这个问题应该指明你不应该列出我们想要*保持*隐藏的功能. 
...我使用了,作为显示代码的div的伪终端样式的一部分(:{before:"drthomas @ house:〜$";}:在{content:"_"之后; text -decoration:blink;} ...太棒了.我应该寻求帮助.=] 
请.的唯一合法用途是:Schroedinger的猫是而不是死了.(我以为这是在xkcd上,但我现在找不到它.) 
我觉得好笑 
 史上最烦人的HTML标签!!!  这些都没有隐藏它们只是因为某种原因而没有被使用. 
我将整个页面包裹在Marquee和Blink中,因为我很酷 

9> aleemb..：
不太知名,但您可以指定lowsrc将显示lowsrc加载src图像的图像:




对于那些不喜欢隔行扫描图像的人来说,这是一个不错的选择.

一点点琐事:有一点这个属性是模糊不清的,它被用来利用Hotmail,大约2000年.

        
但这个属性是专有的.http://msdn.microsoft.com/library/ms534138(VS.85).aspx 
自HTML4以来,该属性已被弃用 - 您不应在生产网站中使用它. 
我在Opera中通过"利用Hotmail"链接收到欺诈警告.:○ 
这是一个安全网站,它是安全的. 

10> Gumbo..：
DEL并INS标记已删除和插入的内容:

HTML sucks rocks!

        
绝对不够用. 
@Horus:确定你可以找到用途,但是在宏观方案中仍然没有大量的情况. 
@eyelidlessness:没有足够的情况下标记删除/插入的文本是有用的. 
我可以发誓StackOverflow在Revisions页面上使用了``和``了一段时间,但是现在它使用``和``.:( 

11> aleemb..：
该按钮的标签是新的input submit标签,很多人仍然不熟悉它.例如,按钮中的文本可以使用按钮标签进行样式设置.


    Click

    Me!



将呈现一条带有两条线的按钮,第一条用粗体表示" Click ",第二条用"Me!"表示.在这里试试吧.

        
关于它在IE <8中被破坏的耻辱.可以解决这些问题,但这可能很痛苦,有时你会遇到在Web服务器和服务器端编程环境之间运行的安全保护. 
但IE <8将提交元素的内容,而不是其值.我相信有些版本会将它视为一个成功的控件(即使它没有被点击). 
如果您使用,您也可以更改按钮文本!指向任何能够找到有效用途的人.:) 
我从来不明白为什么会有"输入"类型的提交.它没有输入任何东西,只是提交你在其他领域输入的内容. 
@DisgruntledGoat:实际上会发送它的名称/值对.如果表单中有多个按钮(例如编辑,删除,移动等)并希望区分按下的按钮,则非常有用.不幸的是,同样的效果不适用于IE <8中的`button`,它惊人地发送了所有`button`元素的名称/值对. 

12> Binoj Antony..：
指定要打印的CSS  




        
不是真的隐藏了imo. 

13> Jehiah..：
这些
 
和
项目经常被遗忘,它们代表定义列表,定义术语和定义.


它们的工作方式类似于无序列表(
),但它不是单个条目,而是更像是键/值列表.



  
What
An Example
  
Why
Examples are good


        
经常被遗忘的更有趣的事情是格式是键/值/值/值/值/键/值 
默认的演示文稿不是那么好,但是人们忘记了可以使用CSS为元素设置多种方式. 

14> annakata..：
没有完全隐藏,但(这是IE的错)没有足够的人知道thead,tbody,tfoot为我的口味.有多少人知道tfoot应该出现在标记之上？

        
它们对于打印非常有用,因为它应该将`thead`和`tfoot`放在每页的顶部和底部.遗憾的是,当你有很长的桌子时,没有机制可以在浏览器中重复`thead`. 
@Anthony:如果您的连接速度很慢,则有意义,这意味着您可以在表内容仍在加载时查看所有页眉和页脚. 
如果IE5正确实施了TBODY,那么更多人会使用它.这是几年前的主要问题.Mozilla和Opera支持滚动TBODY这真的很酷; 不幸的是,IE5没有. 

15> aleemb..：
的wbr或字断标签.来自Quirksmode:


  
(分词)表示:"浏览器可以在此处插入换行符,如果愿意的话." 它浏览器不认为必要的换行没有任何反应.

getElementsByTagName()

  
  
我给浏览器提供了添加换行符的选项.当桌子有足够的空间时,对于非常大的分辨率,这不是必需的.然而,在较小的分辨率上,这种策略性放置的换行符使得表格不会比窗口大,从而导致水平滚动条.


还有­在同一页面上提到的HTML实体.这是相同的,wbr但是当插入一个中断时,-会添加一个hypen()来表示中断.有点像它是如何在印刷中完成的.

一个例子:

TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText

        
"IE8作为IE8"不支持它,它在Safari 3.0 for Windows中有问题.除了支持是非常好的.请参阅链接中的兼容性图表. 
要小心,因为这个浏览器支持不佳 

16> belugabob..：
一个未被充分利用的特征是,几乎每个在页面上提供可见内容的元素都可以具有"标题"属性.

添加这样的属性会导致当鼠标"悬停"在元素上时出现"工具提示",并且可以用于以不会导致页面过于拥挤的方式提供非必要但有用的信息.(或者它可以是一种向已经拥挤的页面添加信息的方式)

        
title属性很有用,但只有在适当使用时才有用.大多数浏览器只会在工具提示消失之前将其呈现几秒钟.当设计师觉得需要用3或4行文本填充title属性时,我讨厌它,导致你必须将鼠标移开,然后再次鼠标以阅读剩下的部分. 
出现的工具提示是特定于浏览器的.并非所有浏览器都会显示相同的title属性.但这是一个很好的功能,我当然使用. 

17> Binoj Antony..：
将多个html/css类应用于一个标记.这里的帖子相同 

 Foo, Bar and BlackBg are css classes

        
哇!我简直无法克服人们发现这是一个"隐藏"功能的事实.男孩我觉得发布一些"真正隐藏"的功能是愚蠢的,因为那些支持这个功能的人可能甚至都不会接近延伸DTD意味着什么. 
这些是HTML类,而不是CSS类.CSS没有类(它有类选择器).HTML类对CSS以外的东西很有用. 
d03boy,p.foo,p.var与p.foo.bar不同.前者选择具有类"foo"或"var"的任何段落,后者选择具有两个类的段落. 
关于HTML类的事情是一个好点,因为它带给我一个点 -  html不应该让你知道css ..你应该能够创建html,并将它传递给一个可以实现他们的设计的设计师需要更改html(不完全是这样;))..所以这归结为你的命名和你使用类的方式..不要创建类来定位css属性..使用类来识别元素'是什么". 

18> aleemb..：
我们都知道DTD或文档类型声明(使用W3C验证器使页面失败的那些).但是,可以通过声明自定义元素的属性列表来扩展DTD.

例如,由于添加到标记,W3C验证器将因此页面失败.但是,你可以这样做:behavior="mouseover"



]>


有关QuirksMode上的自定义DTD的更多信息,请参阅.

        
当然,这使它"有效:您的自定义标记语言"而不是"XHTML 1.0 Transitional" 
+1.我不知道为什么这是-1.无论如何应该注意浏览器支持几乎为零. 
@eyelidlessness它只适用于XHTML.在以文本/ HTML格式发送的伪装XHTML中不起作用. 
Eesh,不是这个的粉丝.对我而言,HTML的价值在于,地球上的每个人都知道它的含义(或多或少),因为我们都使用相同的标签和属性.我不确定为什么`class`属性没有足够的可扩展性. 

19> Xinus..：
我们可以将base 64编码的字符串指定为image,JavaScript,iframe,link的source/href属性

例如 



div.image {
  width:297px;
  height:246px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...);
}


  
  http://www.your.domain
  data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...







参考

如何使用HTML标记构建图像？

二进制文件到Base64编码器/转换器

        
可悲的是,IE <8不支持这一点.但是,您可以使用MHTML代替这些浏览器:http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/ 

20> Michael Shar..：
我最近发现了fieldset和label标签.如上所述,不是隐藏但对表单有用.

解释


例:


  

    
Personalia:
    Name: 

    Email: 

    Date of birth: 
  


        
不知道这一个.继承W3c规范:http://www.w3.org/TR/html401/interact/forms.html#h-17.10 

21> Zach..：
您可以使用object标记而不是iframe在页面中包含其他文档:



        
最终工作几乎完全像iframe,除了支持不太好和功能较少. 
在HTML 5中不推荐使用iframe. 

22> Justin Johns..：
是一个很棒的人,人们在做分段列表时经常会错过.  



  
    United States
    Canada
  
  
    France
    Ireland
  



是你应该使用而不是



  ----North America----
  United States
  Canada
  ----Europe----
  France
  Ireland


        

23> BalusC..：
大多数人也没有意识到你可以通过给它们一个名字/值对来区分按下的表单按钮.例如


     ...
     
     
     
     



在服务器端,然后可以通过仅检查与按钮名称相关联的请求参数的存在来获得按下的实际按钮.如果不是null,则按下按钮.

我已经看到了大量的不必要的 JS黑客/解决方法是,例如,改变的形式作用或改变一个隐藏的输入值预先根据按下的按钮.这简直令人惊讶.

此外,我已经看到几乎一样多的JS hacks/workarounds来收集多个复选框中的已检查的复选框,如表行中.在每次选择/检查表行时,JS会将行索引添加到隐藏输入元素中的某个逗号分隔值,然后在服务器端进一步分割/解析.这是因为没有意识到您可以为多个输入元素赋予相同的名称但是具有不同的值,并且您仍然可以在服务器端将它们作为数组访问.例如

 ... 
 ... 
 ... 
...


不知情会给每个复选框一个不同的名称,并省略整个值属性.在一些JS-hack/workaround-free情况下,我还在服务器端代码中看到了一些不必要的神奇魔法来区分已检查的项目.

        
这不是非常友好的. 

24> Çağdaş Tekin..：
Colgroup标签.


    
        
        
    
    

        

            
Column 1
            
Column 2
        
    
    

        

            
Cell 1
            
Cell 2
        
    


        
根据我的经验,colgroup支持充其量只是片状. 

25> moo..：
如果未指定标记的for属性,则将其隐式设置为第一个子项,即

Alias: 


相当于

Alias: 

        
你在两个方面都错了:这是有效的做法,结束标签是禁止输入元素的. 
但这比浏览器支持的内容少于for属性 
@David  - 你有任何文件要支持吗？我认为我从未见过浏览器不支持此用法.我亲自在IE6/7,FF2/3,Safari 3和Chrome 1/2中进行了测试.我没有在Opera中测试自己,但如果它不起作用我会感到非常惊讶.此行为是原始HTML 4.0规范的一部分,最初发布于11年前:http://www.w3.org/TR/1998/REC-html40-19980424/interact/forms.html#adef-for 

26> Wadih M...：
按钮作为链接,没有JavaScript:

您可以在表单操作中放置任何类型的文件,并且您有一个充当链接的按钮.无需使用onclick事件等.您甚至可以通过在表单中​​粘贴"目标"来在新窗口中打开文件.我没有在应用程序中看到这种技术.

替换它

Download file


有了这个:


    


        
按钮不会有"将文件另存为"选项,这可能是不喜欢Adobe Acrobat接管其浏览器的用户所需要的. 
@UpTheCreek一些Web应用程序希望看起来与操作系统相同.例如,用户使用Windows时的丑陋按钮,以及用户使用Mac OS X时的漂亮按钮. 

27> Binoj Antony..：
在X秒内刷新页面的最简单方法 -   META Refresh




内容中的值表示您希望页面刷新的秒数.

[编辑]





做一个简单的重定向!

(谢谢@rlb)

        
当然,确定哪些元素需要刷新然后通过AJAX更新它们会带来更好的用户体验...... 
META刷新在用户表单活动之王的页面中没有做任何好处,因为它可以中断用户的表单填写并丢弃所有工作.我认为很少有这种刷新最好的场合.这只是通常的简单方法. 
/我讨厌像那样刷新的页面......应该被禁止= / 
如果设置为略小于会话超时以通知用户其会话已超时并已被删除,则此功能也很有用. 
Upvoted.因为我不知道这个.:) 

28> Kornel..：
,和标签都是可选的.如果省略它们,解析器将在适当的位置静默插入它们.在HTML中这样做是完全有效的(就像暗示一样).

理论上 HTML 是SGML应用程序.这可能是最短的有效 HTML 4文档:




        
你应该小心你的广告.上面的代码将在w3c验证器上通过4次警告验证,但DocType是HTML 4.0.HTML 4是SGML的后代非常简洁,因此维护了这个松散的验证标准,但是如果你将DTD改为XHTML 1.0 STRICT,它会得到15个错误,这几乎等于字符数.开发XHTML是因为HTML非常懒(因此不安全)所以我们不想再利用它了. 
如果您将HTML/SGML文档的DOCTYPE更改为XHTML/XML,您将获得无意义的混合.这很明显,我不确定你为什么指出这一点. 
从技术上讲,此示例可能是有效的HTML 4,但浏览器不支持缩写的SGML语法.以下是最短的有效HTML 5文档,浏览器确实支持这些文档:`