什么是最常被滥用的html标签?

时间:2010-11-17 02:42:52

标签: html tags semantic-markup

html中哪些不推荐使用的标记通常被滥用?它们应该如何使用/它们应该被替换?如果我们有一些帮助人们学习HTML的指南,那就太棒了。

答案应包括:

  • 重要文字中的html标记
  • 如何被滥用
  • 我们如何避免滥用它

每个问题只能使用一个标签。如果您已在帖子中看到自己的标记,请不要双重发布,而是将其他误用评论编辑到该答案中。

14 个答案:

答案 0 :(得分:25)

<div> and <span>  <!-- no, really -->

我看到有相当多的网页使用<div><span>标记附加的CSS类甚至内联CSS来完全排除更多带语义的标记,例如<p><h2><em>,即使带语义的标签更合适。语义标签甚至被认为是唯一一次有人回来思考SEO。

答案 1 :(得分:23)

<a>

锚标记应仅用于链接到其他位置,而不是用于触发javascript。如果我尝试在新窗口中打开一个链接并在我的网址栏中获取一些随机的javascript,我就不会高兴了。 href属性中的内联javascript更糟糕。

<a href='javascript:document.getElementById("foo").style.display="block"'>this is bad!</a>

相反,使用按钮作为javascript的“挂钩”。


另外,请避免在锚标记内部使用无用的文本。 “点击这里!”而“转到页面”几乎总是糟糕的选择。如果链接需要独立,请使用“visit Stackoverflow”之类的内容。否则,将其编织到内容本身。 The Stackexchange Blog有很好的例子,就像这篇文章一样。使用更好的链接文本可以帮助SEO,屏幕阅读器的可访问性,一般可用性和可维护性。

See more on proper use of the anchor tag

答案 2 :(得分:22)

<table>

人们经常将它用于页面布局而不是显示数据。

答案 3 :(得分:15)

<label>

如果收音机/复选框不在标签内,则不指定for属性。

答案 4 :(得分:10)

<b>

<i>

这并不令人震惊,但分别使用<b><i>代替<strong><em>

有一些优先考虑<b><i>的边缘情况,但几乎在所有情况下都应使用<strong><em>,因为它们表达了意义(强或强调)而不是与它们的显示方式相关的特定样式。

HTML标记应该表示文档的结构和语义,而不是提供样式化的方法。 <em>样式的方法取决于样式表。它可以被定义为em { font-weight: strong; font-variant: normal;},这没关系,因为设计可以决定强调文本的样式。使用<i>标记表示文本是斜体的,如果您应用与上述相同的规则(<i>this is bold not italics<i>),则该文本在语义上毫无意义。

答案 5 :(得分:7)

<font>

有更有效的方法来修改文本(理想情况下是CSS)。

编辑:我想我已经弃用了,但我仍然会把它留下来,因为这个标签应该被完全杀掉:D

为了弥补我的错误,我提出了我的新答案:

<small>/<big>

答案 6 :(得分:6)

哦,我们走了!

<center></center>
<h7></h7> <!-- People think these things go on forever ;) -->

谷歌吧:http://www.maximumpc.com/article/features/the_7_most_misused_html_tags_and_how_fix_them

答案 7 :(得分:4)

<meta>大量网站仍尝试将关键字放入元标记中。据我所知,使用元关键字实际上会损害您的Google排名,因为Google不仅会忽略您的元关键字,还会损害您的代码与内容的比例。虽然很少使用,但它们很少有用。元描述是一个例外 - 搜索引擎有时会引用它以便快速描述。

答案 8 :(得分:4)

<img>排名并不高,但想想每次看到内容图片时都没有替代文字......

再次当它用于布局而不是实际显示图像以帮助文本时。 大多数人似乎并不知道如果你想显示一个没有功能的图像,你应该把它放在你的CSS中。

答案 9 :(得分:3)

<h*>

在任何给定页面上使用<h1>的多个且荒谬的。也许HTML规范应该对这一主题有所了解。

网站上是否还需要<h6>? (也许如果您撰写的报告有多个嵌套标题?)

答案 10 :(得分:1)

<imagemap>

<imagemap>基本上是一个链接标记,可以单击图像的不同部分以转到不同的链接。它可能看起来很吸引人,但考虑到第一次访问该网站的用户,他/她可能不知道在哪里点击以及图像的哪个部分将该人带到哪里。如果用户的互联网带宽较小且无法加载图片,则会使事情变得更糟。

因此,此标记应仅用于图像不言自明的地方,例如地图。

答案 11 :(得分:1)

这是一个有点旧的数据,但我想今天它可能是最准确的:http://code.google.com/webstats/2005-12/elements.html

根据这一点,最常用的表现元素是 br table 及其子元素。

答案 12 :(得分:1)

<iframe>

不好:

<iframe src ="my_whole_site.html" width="100%" height="1500"></iframe>

更好:

<iframe src ="a_subsection_of_my_site.html" width="100%" height="300"></iframe>

答案 13 :(得分:1)

Bare&lt; li&gt;标签被滥用了很多,因为每个浏览器都会为您提供可行的列表,而无需将它们正确地包装在有序/无序列表标签中,或者正确完成它们。

  • 哎呀,它在这里有效。
  • 见!