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将下载该文件两次。然而,所有其他用途都是好的。
- /使其独立于协议?我有点困惑。
- 这不是HTML功能,而是URL/URI功能。
- 伙计,这是相对路径,相对于协议。
- Gumbo,浏览器在HTML中正确地支持它仍然很好。
- @无眼皮:它不仅仅是"好"的,而且对于浏览器正确支持完整的URI标准是必不可少的。这并不难。
- @阿甘博:是的,这是一个URI特性,但我认为它足够好,可以修改规则并包含在这里。而且我不希望在短时间内出现URI规范的隐藏特性。:)
- 这假定有问题的服务器支持SSL。情况并非总是如此。
- 这能消除谷歌分析javascript代码中的一些字符串构建吗?
- @亚历克斯,我想这样做,但不幸的是,他们也从不同的子领域。
- 问:为什么你需要双斜杠?不是只有一个斜杠独立于协议吗?这不只是使用当前的协议吗,还是在某种程度上默认为HTTP?
- 一个斜杠相对于域部分,而不是协议部分
- 我真是太笨了!为什么F***该死的会两次将文件解压缩?
- 为什么它忽视了所有的标准而报复呢?
- 有一个主要缺点:当文件保存到磁盘并使用
file: 协议访问时,浏览器将无法找到资源(例如,cdn或其他外部服务器)。
标签标记使用"for"属性将标签与表单元素逻辑链接。大多数浏览器将其转换为一个链接,用于激活相关的表单元素。
1 2 | <label for="fiscalYear">Fiscal Year</label> <input name="fiscalYear" type="text" id="fiscalYear"/> |
- 是的,令人惊讶的是,很少有网站主动使用这个功能。我见过一些网站使用JS来完成这项工作…
- 在表单字段中使用标签标签是一个很好的实践。但实际上,这并不是一个隐藏的特性。
- 最近才发现这个。
- cagdas,HTML中没有真正隐藏的特性,这是一个特定的标准。
- 要展开答案,还可以用标签包装输入并省略for属性:
- 另外,+1是因为虽然这是一个基本的HTML,但是太多的开发人员仍然不知道它。
- 嗯,这实际上是我学到的关于HTML的第一件事…静止+ 1
- @眼睑松弛:是的,但是现在您可以将标签放在HTML中的任意位置。我还以为筑巢会带来奇怪的渲染问题,但我不记得是什么问题。
- 不使用复选框和单选按钮应该是犯罪行为。
- 几乎从一开始就知道。实际上,它主要与复选框一起使用。但难怪它会对其他元素起作用。
- 我已经看到了大量不使用这个的HTML,所以如果不"隐藏",它仍然是一个"鲜为人知"的特性。
- @无眼睑:对于某些浏览器(例如),它不能正常工作。例如,如果单击"标签用于"复选框,它将不会切换。
- 我很惊讶地发现了GUI浏览器中的链接行为——但我已经在文本和语音浏览器中使用标签/输入对来实现可访问性了。
的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> |
这将使单元格可编辑!去吧,如果你不相信我就试试。
- 这个问题需要HTML5没有引入的特性
- 也在Safari 4工作!但不知道它是否在版本3中工作。
- "ContentEditable"在Safari 3+中工作。
- 别这样!不过,我想看看浏览器支持…
- 相当酷!也在第九歌剧院工作。
- 你应该把它作为contenteditable="true"imho
- David Dorward,不太公平地说它是由HTML5引入的,因为ContentEditable是由MS在IE 5.5中引入的,但是是的,直到HTML5;Tyson&Steve,ContentEditable在2.0版中引入到Safari,它才被标准化,但是许多重要的格式化方法直到3.x;Victor H Valle,取决于您的医生YPE。HTML 4应该在折叠时将其扩展为"真"。
- @眼睑松弛好吧,所以它是作为一种礼仪介绍的。它不是任何HTML建议的一部分,这个问题通过排除HTML5草案强烈地暗示了这是一项要求。
- Try-it链接无法提供适当的示例
- 哇,好玩!显然,页边距是可编辑的。至少在火狐3上。@crazyjugglerdrummer,你可以自己编辑它并点击按钮。您甚至不需要一个DIV:
… 也可以。 - 我们不应该说吗?
- @比诺——绝对不是。"ContentEditable属性是一个枚举属性,其关键字为空字符串、true和false"-w3.org/tr/html5/editing.html
- 更好的是,添加以下内容作为书签,以便编辑您所在的任何网页:javascript:document.body.contentEditable='true';document.des&zwnj;&8203;ignMode='on';void(0)&zwnj;&8203;;
- 它似乎不适用于火狐2?
- 这太搞笑了!几乎可以在所有的现代浏览器中使用。正在寻找一种将可编辑元素的值提交到服务器端脚本的方法(最好在没有JS帮助的情况下)。有什么想法吗?因为这是有史以来最酷的事了!
- 太棒了!试试阿姆罗的密码!
- 现在有人能证明这是如何有用的吗?
- 我认为它主要在JavaScript上下文中有用,在该上下文中,如果用户愿意,您可以编辑代码的一部分,然后通过JS提交该内容。
我认为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>- 不幸的是,菜单层次的浏览器实现还需要很多东西。我怀疑optgroup没有多大用处,因为它的相关用例很少,而且相距很远。
- 所有浏览器都应该支持一个级别。我与其他人不同的一个Web论坛,在某些屏幕上使用它将论坛列表划分为与主页上相同的部分。
- 史塔西桑。我同意它对一些项目的小分类很有用。
- @无眼睑:我经常看到下拉列表,缩进元素或使用类似于
---category--- 的"header"文本。 - 这是一个我不知道的整洁的特点!
我最喜欢的是基本标签,如果你想使用路由或URL重写,这是一个生命保护程序…
假设您位于:
1www.anypage.com/folder/subfolder/以下是此网页链接的代码和结果。
定期锚:
1Click here导致
1www.anypage.com/folder/subfolder/test.html现在,如果添加基标记
1
2<base href="http://www.anypage.com/" />
Click here现在锚点指向:
1www.anypage.com/test.html- 这是我不知道的一个功能……
- 我也不…必须再检查一下。
- 您也可以只使用/images/image.png和一个前导斜杠。-)
- 基本标签是一个核心选项-它相当于定义:如果你不跟踪它,对未来的开发人员来说要非常清楚,并且使它成为站点架构的一个非常低级的部分,它会导致令人沮丧的不明显的错误。我从不需要这个,小心使用。
- 我很喜欢它以意想不到的方式干扰JavaScript和CSS。最好让Base单独工作,并用服务器端逻辑处理问题。
- 它只能以一种非常期望的方式真正地干扰事情——它为页面设置了基本路径。我在使用CSS和javascript(包括jquery)时完全没有问题。
- 当不同的浏览器以不同的方式处理它时,事情会变得出乎意料。
- 是的,我还看到了当试图动态地将CSS文件加载到页面中时,基标记会干扰我的javascript。此外,IE6中的一个bug要求您显式地关闭标记(.
),这是无效的。有条件的注释可以帮助实现这一点。 - 请注意,基本URL应用于每个相对URL,而不仅仅是相对URL路径。因此,引用
#top 在根索引文档中解析为"top",在同一文档中解析为"top"。 - 为了扩展gumbo的注释,基标记对于相对路径和重写URL的组合非常有用,但这意味着您必须将锚链接扩展到它们的"完整"相对路径。所以要链接到top on/some/page,您的href应该是some/page top
- 我发现在必须"查看源代码"并下载页面的HTML才能使用它的情况下,这非常方便。下载源后,可以添加具有适当href属性的基元素。这样,在只下载源HTML之后,您就可以在本地工作了…不需要下载所有的javascript、css和图片。
- 当我在后台进行某种URL重定向,但希望它对用户透明时,我发现它很有用。当然,您查看的是example.com/page/foo/query/arg1/arg2,但服务器确实在提供example.com/foo query.php,所有相关链接都假定这一点。
- @Mathias Bynens——事实上,讨论的问题是一个链接扫描仪的问题——我敢肯定我不会为了链接扫描仪的利益而写代码来感染我的网页。
- 修改锚链接(你知道,
#stuff )也会产生可怕的副作用,所以它们指向 。#stuff - @zneak——它确实做到了,但它不是副作用——它是按设计的。
- @苏尼:好吧,这不是规格的副作用,但可能是人们想要的副作用。
- 有关基本标签的有趣用例,请参见jquery mobile:jquery mobile.com/demos/1.0A1/docs/pages/docs-navmodel.html
- @MOLF但是有一个前导斜杠需要一些其他代码来处理本地开发,在本地开发中,目录结构可能比实际的生产域深几个级别。这通常表现在多个相对较小的项目在同一本地范围内开发的环境中。
- 您也可以使用单击此处
1<img onerror="{javascript}" />onerror 是一个javascript事件,它将在小红十字会(在IE中)图片显示之前被触发。您可以使用它编写一个脚本,该脚本将用一些有效的替代内容替换损坏的图像,这样用户就不必处理红十字问题。
乍一看,这是完全无用的,因为,你不知道之前的图像是否是可用的吗?但是,如果您考虑的话,对于这一点,有完全有效的应用程序;例如:假设您正在从您不控制的第三方资源提供图像。就像我们的肉汤一样…它由http://www.gravatar.com/提供,StackOverflow团队根本无法控制该资源,尽管它是可靠的。如果http://www.gravatar.com/下降,stackoverflow可以通过使用
onerror 来解决这个问题。- 需要更深入的解释
- 啊哈…如果这就是我所认为的,那么当我真正需要它的时候,我应该早点知道这一点。:
- 为了澄清,onerror是一个javascript事件(就像onclick),它允许您在图像加载失败时执行某些操作。
- 丹尼尔·席尔维拉,你能澄清一下,事实上,如果图像被破坏(比如404),这确实会运行onError代码吗?无论如何,这是一个DOM特性,而不是HTML特性本身。
- 是的,像404这样的错误代码会触发事件。
- 我有一个numpty使用这个,指向一个不存在的图像,递归任何人????
用于标记键盘输入的
元素 ctrl+alt+dl
- 旁边有什么特别的字体格式吗?如果没有,这里是其他格式标记的列表?w3schools.com/tags/tag_-phrase_-elements.asp
- 不是特别的,只是我不知道
- 默认情况下没有,但是用css标记元素会更清晰一些,就像这样。
- 它在语义上很美,是什么。
- 不知道它存在,那很有趣。
1<blink>必须用于现场的任何重要事项。最重要的网站会在一瞬间将所有内容打包。
1<marquee>创建一个真实的滚动效果,非常适合电子书等。
编辑:放松点,伙计们,这只是一种幽默的尝试。
- 如我所知,字幕不是特定于HTML的,而是取决于IE
- 眨眼是沉重的打击,除非你想惹恼用户。它的支持也不完美。
- 我觉得很有趣
- 也许问题应该明确指出,您不应该列出我们希望保持隐藏的特性。
- …我使用了
- 这两个标签是单手的(还是双手的)引起了沸腾海洋的必要愤怒(谁需要128位文件系统来做这件事?).
- 在早期的HTML页面中,这些都是Web开发人员的秘密武器,可以让浏览者产生惊喜效果。但是那些日子已经过去了,它们应该从HTML中永久删除:)
- 我把整页都用大帐篷包起来然后眨眨眼,因为我很酷。
- 同样值得注意的是,嵌套在blink中的天棚不起作用。blink必须嵌套在Marquee中,以实现惊人的效果-jsbin.com/evesu3/3
- 拜托。
的唯一合法使用是:schroedinger's cat is not. dead。(我以为这是XKCD上的,但现在找不到。) - 很有趣,但仍然是-1,因为眨眼和大帐篷是可怕的,我不喜欢别人这样想:)
- 值得一提的是,CSS3推出了字幕:w3.org/tr/css3-marquee
不是很有名,但是您可以为图像指定
lowsrc ,在加载该图像的src 时,该图像将显示lowsrc :1<img lowsrc="monkey_preview.png" src="monkey.png" />对于那些不喜欢交错图像的人来说,这是一个很好的选择。
有一点琐事:大约在2000年左右,有一次,这个属性非常模糊,以至于被用来利用hotmail。
- 我不知道。它能用于"加载"动画吗?
- 我在Opera中收到"利用hotmail"链接发出的欺诈警告。o
- 是的,我也用Opera,得到了欺诈警告…它是什么?
- 这是一个安全网站,很安全。
- 但这是它的专有属性。msdn.microsoft.com/library/ms534138(vs.85).aspx
- 自HTML4以来,此属性已被弃用-您不应在生产网站中使用它。
DEL 和INS 标记删除和插入的内容:1HTML <del>sucks</del> <ins>rocks</ins>!- 绝对不够用。
- @无眼睑:在标记已删除/插入的文本时,没有足够的情况是有用的。
- 我可以发誓StackOverflow在一段时间内在修订页面上使用了
和 ,但现在它使用了和 。:( - @系统暂停,令人失望。语义标记就是这样。
- @丢脸的维基修订历史?大量的IT用例
- @荷鲁斯:当然你可以找到用途,但在这个宏伟的计划中,情况还不算太多。
- @不好意思:我想我参与的文章管理应用程序比当时的标准多了。
- 更好的是它有一个
datetime="some date" 和cite="some citation" 属性。
button标签是新的
input submit 标签,很多人还不熟悉。例如,按钮中的文本可以使用按钮标记设置样式。1
2
3
4<button>
Click<br />
Me!
</button>将呈现带有两行的按钮,第一行以粗体显示"单击",第二行显示"我!"试试这里。
- 很遗憾在Ie<8时被打断了。解决这些问题是可能的,但这可能会很痛苦,有时您会碰到在Web服务器和服务器端编程环境之间运行的安全保护。
- 它仍然可用,您只需在上面使用type="submit"。它很有用,因为你可以把元素放在里面,例如-在按钮内使用一个跨度,通常用来确保你能正确地使用CSS样式的一个按钮(即,没有浏览器暗示的填充)。
- 但ie<8将提交元素的内容,而不是其值。我相信有些版本也会把它当作一个成功的控件(即使它没有被点击)。
- 如果你让它
- 我不明白为什么会有"输入"类型的提交。它不输入任何内容,只提交您在其他字段中输入的内容。
- @disruntledgoat:它的名称/值对将实际发送。如果表单中有多个按钮(如编辑、删除、上移等),并且想要区分所按下的按钮,则此功能非常有用。不幸的是,IE<8中的
button 不起作用,它惊人地发送所有button 元素的名称/值对。 - 您可以安全地使用ie<8中的button元素,前提是您不给它一个您关心的名称或值。如果同一表单中有多个按钮,并且想知道单击哪个按钮来触发激活,那就不好了。
- 愚人节那天,我曾经把整个网站放在一个大的
中。 - 我总是使用
而不是 ,因为如果文本字段使用 ,那么使用css样式非常容易。如 button { float:right } input { width:100px } 。
指定要打印的CSS
1
2<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语义适用于类似的列表(例如,建议在对话中使用该结构)。
- 默认的表示方式并不是很好,但是人们忘记了元素可以通过CSS以多种方式设置样式。
- 我同意。它们是很好的语义元素,经常被忽略。
- 更有趣的是,人们经常忘记的是格式是key/value/value/value/value/key/value
- @不过,眼皮不眨对对话来说是语义上的破产。一个人所说的是一种哲学假设,而不是一种明显的语义关系。
- dd=>定义描述:)
- @根据规范,元素的语义本身比您所允许的要广泛。
- @仅仅因为规格说明它并不意味着它是有意义的。不符合自己的定义。(不想打架。但是语义来自定义等;HTML4规范建议可以这样使用它,但是没有给出与它已经给出的定义相符的理由。)
- @D_n,我认为分歧的地方在于,我认为建议的用法是定义和语义的一部分,而不是与定义和语义分离或相互矛盾。
- @看布鲁斯·劳森关于用语义标记对话的笔记…另外,陪审团还在讨论HTML5对话元素…Brucelawson.co.uk/2006/&hellip;
- 我听说最近几天我不得不为PHP开发一些站点(我以前没有在我的职业生涯中从事过Web开发),这很不错,你可以用它来制作设计得很好的表。
- 我最近才知道他们不是强制性的:p
- Boris Callens,是的,如果没有thead,tbody和tfoot,那么tbody就是隐含的。
- 如果IE5正确地实现了tbody,那么会有更多的人使用它。这是几年前的主要问题。Mozilla和Opera支持滚动tbody,这非常酷;不幸的是,IE5没有。
- 我不知道你不必使用tbody和thead。
- 它们对打印很有用,因为它应该将
thead 和tfoot 放在每页的顶部和底部。遗憾的是,在浏览器中没有重复thead 的机制,当你有长桌子的时候。 - 我知道T脚比T脚高,我觉得这很愚蠢。我把我的tfoot放在下面,在那里它是有意义的,得到了一个验证器错误,把tfoot移到tbody上面(困惑但总是兼容),猜猜怎么着?!当您试图突出显示表格时,浏览器(至少是FF)会突出显示身体前面的脚,即使它在身体下面是可见的!然后!!!!当你把它复制到一个文本编辑器中时,它就在正文的上方。完全任意的规则。
- @安东尼:如果你的连接速度很慢,这就说明你可以在表内容还在加载的时候看到所有的页眉和页脚。
th 有时也被排除在外。- 小心,因为这一个浏览器支持不好
- "ie8 as ie8"不支持它,它在Safari 3.0 for Windows中有问题。除此之外,支持还不错。请参阅链接中的兼容性图表。
- hmm sitepoint reference将此标记标记为已弃用和无用,谁是对的?参考.sitepoint.com/html/wbr
- 作为HTML规范的一部分,它可能会被弃用,但它仍然可以在浏览器中工作。如果有疑问,请按照QuirksMode的结论(兼容性表现在由Google赞助)。
- 似乎这将是一个非常有用的东西,包括在下一个CSS标准!
- &;shy;根据quirksmode.org/oddsands/wbr.html t02,似乎得到了更好的支持。(假设大多数火狐用户定期更新;或者至少比IE用户更频繁)。
不在w3c html4标准中:w3.org/tr/html4/index/elements.html,记住xhtml在XML中只是html4。- 是的,"title"属性非常有用,特别是对于要单击的元素。
- 显示的工具提示是特定于浏览器的。并非所有浏览器都将显示相同的标题属性。但这是一个很好的功能,我肯定会用到。
- 标题属性是有用的,但只有在适当使用时才有用。大多数浏览器在工具提示消失前只呈现几秒钟。我讨厌设计师们觉得有必要用3到4行文本填充标题属性,这会导致你不得不鼠标悬停,然后再次鼠标悬停以阅读其余的内容。
- 将它与jquery结合使用等于awesomeness。
- 利维-你能举几个例子吗?
- 太好了!
- 这些是HTML类,而不是CSS类。CSS没有类(它有类选择器)。HTML类对于CSS以外的东西是很有用的。
- 是的,这就是为什么vs应该学会不要抱怨缺少的类(我们中的一些人将类用于JS…)
- 真的!我无法克服人们认为这是一个"隐藏"的特性的事实。我真的觉得张贴一些"真正隐藏"的功能很愚蠢,因为那些反对这一点的人可能根本不知道扩展DTD意味着什么。
- 请注意,Internet Explorer倾向于忽略或误用具有多个类的CSS规则,例如p.foo.bar color:000。
- avdgaag,为什么不使用p.foo、p.bar之类的语法呢?
- d03boy、p.foo、p.var与p.foo.bar不同。前者选择具有"foo"或"var"类的任何段落,后者选择具有两个类的段落。
- 关于HTML类的事情是一个很好的观点,因为它给我带来了一个观点——HTML不应该了解CSS。您"应该"能够创建HTML,并将其传递给一个设计器,该设计器可以实现其设计,而无需更改HTML(还不是完全如此;)。。所以这取决于您的命名和使用类的方式。不要创建以CSS属性为目标的类。使用类来标识元素"是什么"。
- IE6只上最后一节课。因此,如果您的CSS中有两个声明:".text"和".good"。并为".text.good"添加声明,属性将仅应用于.good。
- 从技术上讲,"foo bar blackg"是一个类,而p.foo只是p[class~=foo]的语法糖(参见规范)。不过,把它看成有多个类更容易。
- 当然,这使得它"有效:您的自定义标记语言",而不是"XHTML 1.0过渡"。
- + 1。我不知道为什么是-1。无论如何,应该注意的是,浏览器支持几乎为零。
- 歌剧院肯定支持这一点。
- @它只在XHTML中工作。不适用于以文本/html形式发送的make-belie xhtml。
- 伊什,不喜欢这个。对我来说,HTML的价值在于地球上的每个人都知道它的含义(或多或少),因为我们都使用相同的标签和属性。我不知道为什么
class 属性的可扩展性不够。 - 缺乏浏览器支持令人恼火。它看起来仍然有用-我们可以编写一个脚本来插入额外的文本,然后再将其发送到验证器。
- 遗憾的是,Ie<8不支持这一点。但是,您可以使用mhtml代替这些浏览器:phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under
它们的工作方式类似于无序列表(
-
),但与单个条目不同,它更像是键/值列表。
1
2
3
4<dl>
<dt>What</dt><dd>An Example</dd>
<dt>Why</dt><dd>Examples are good</dd>
</dl>不完全是隐藏的,但(这是IE的错)没有足够的人了解Thead,Tbody,Tfoot来满足我的口味。你们中有多少人知道tfoot应该出现在标记的tbody之上?
wbr 或分词标记。从QuirksMode:(word break) means:"The browser
may insert a line break here, if it
wishes." It the browser does not think
a line break necessary nothing
happens.1getElements<wbr>ByTagName()I give the browser the option of
adding a line break. This won't be
necessary on very large resolutions,
when the table has plenty of space. On
smaller resolutions, however, such
strategically placed line breaks keep
the table from growing larger than the
window, and thus causing horizontal
scrollbars.同一页中也提到了
HTML实体。这与wbr 相同,但当插入一个中断时,会添加一个hypen(- 来表示中断。有点像印刷品。一个例子:
文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;文字&害羞;害羞;文字&shY;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;文字­;
一个未被充分利用的特性是,几乎每一个在页面上提供可见内容的元素都可以有一个"title"属性。
添加这样的属性会导致当鼠标悬停在元素上时出现"工具提示",并可用于提供非必需但有用的信息,而不会导致页面变得过于拥挤。(也可以是向已经拥挤的页面添加信息的一种方式)
将多个HTML/CSS类应用于一个标记。同一职位
1
2<p class="Foo Bar BlackBg"> Foo, Bar and BlackBg are css classes
</p>我们都知道DTD或文档类型声明(那些使您的页面在W3C验证器中失败的东西)。但是,可以通过声明自定义元素的属性列表来扩展DTD。
例如,W3C验证器会因为添加到
标记中的
behavior="mouseover" 而失败。但是,您可以通过执行以下操作使其通过:1
2
3
4
5<!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的自定义DTD,请参阅更多内容。
我们可以将base 64编码字符串指定为image、javascript、iframe、link的source/href属性
例如
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20<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>
An Image
<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...">工具书类
如何使用HTML标记构造图像?
二进制文件到base64编码器/转换器
我最近发现了有关字段集和标签标签的信息。如上所述,不隐藏,但对窗体有用。