Gor*_*son 21 html tags semantic-markup
html中哪些未弃用的标签通常被滥用？它们应该如何使用/它们应该被替换？如果我们有一些帮助人们学习HTML的指南,那将是非常棒的.
答案应包括:
每个问题只能使用一个标签.如果您已在帖子中看到自己的标记,请不要双重发布,而是将其他误用评论编辑到该答案中.
Jef*_*tin 25
<div> and <span> <!-- no, really -->
我已经看到了相当数量的使用页面<div>和<span>标签附有CSS类甚至是内联CSS像语义上更充电标签的完全排除<p>,<h2>并且<em>,即使在语义收取标签会更合适.语义标签甚至被认为是唯一一次有人回来思考SEO.
Gor*_*son 23
<a>锚标记应仅用于链接到另一个位置,而不是用于触发javascript.如果我尝试在新窗口中打开一个链接并在我的网址栏中获取一些随机的javascript,我就不会高兴了.href属性中的内联javascript更糟糕.
<a href='javascript:document.getElementById("foo").style.display="block"'>this is bad!</a>
相反,使用按钮作为javascript的"钩子".
此外,避免锚标记内的无用文本."点击这里!" 而"转到页面"几乎总是糟糕的选择.如果链接需要独立使用,请使用类似" 访问Stackoverflow "的内容.否则,将其编织到内容本身.Stackexchange博客有很好的例子,这篇文章也是如此.使用更好的链接文本可以帮助SEO,屏幕阅读器的可访问性,一般可用性和可维护性.
Jus*_*ner 22
<table>
人们经常使用它来进行页面布局而不是显示数据.
Yah*_*hel 10
<b><i>它并不是令人震惊的,而是分别使用<b>和<i>代替<strong>和<em>.
有边缘的情况下<b>和<i>是最好的,但在几乎所有情况下,<strong>并<em>应使用,因为它们表达的意思(强或强调),而不是与他们如何被显示相关的特殊造型.
HTML标签应该表示文档的结构和语义含义,而不是提供样式化的方法.通过该方法<em>得到的风格是到样式表.它可以定义为em { font-weight: strong; font-variant: normal;},这没关系,因为设计可以决定强调文本的样式.使用<i>标记表示文本是斜体,如果应用与上面相同的规则(where <i>this is bold not italics<i>),则在语义上变得毫无意义.
<font>
有更有效的方法来修改文本(理想情况下是CSS).
编辑:我想我已经弃用了但是我仍然会把它留下来,因为这个标签应该被完全杀死:D
为了弥补我的错误,我提出了我的新答案:
<small>/<big>
哦,我们走吧!
<center></center>
<h7></h7> <!-- People think these things go on forever ;) -->
只需Google吧:http://www.maximumpc.com/article/features/the_7_most_misused_html_tags_and_how_fix_them