糟糕的标签
2003 年 12 月 1 日星期一(格林威治标准时间晚上 6:00)
“糟糕的标签”是“HTML 中级指南”的新增内容,该指南涵盖了一些“糟糕的、肮脏的、十足丑陋的小东西,它们属于过时的 HTML 标准、随机的专有胡言乱语,只在某个浏览器的一个子版本中半有效,或者标签已被更新的标签取代”。
我决定需要添加此页面的原因在于,正如 Ian Lloyd 正确预测的那样,我收到了一些反馈,内容大致是“我使用 HTML Dog 构建了这个网页……我不太清楚如何实现 *x*,所以我使用了我在网上随便某个地方找到的 *y 标签*”。这里的‘y 标签’是指一个有更好、更有效、更可靠的替代方案的标签。
“糟糕的标签”页面希望能充当灯塔,警告作者可能损坏网页的“礁石”。
评论
评论3
dog 说 > 1. strong 比 b 好,因为它传达了意义而不是外观。
bill 说 > b 比 strong 好,因为它仅仅是表示外观,将外观与内容分开了。
dog 说 > 2. 我说的“禅宗佛学之类的事情”是指它不仅仅是理论——它是一个实际的优势。我不同意没有表格的布局比使用 CSS 更简单。
bill 说 > 我同意,如果我们现在可以假装 IE 4、NN4 以及各种 Mac 和 Linux 浏览器不存在的话。有时 CSS 布局的半支持比没有要糟。
2. 我说的“禅宗佛学之类的事情”是指它不仅仅是
理论——它是一个实际的优势。我不同意没有
表格的布局比使用 CSS 更简单。我认为那些习惯于
使用表格进行设计的人觉得它更容易,仅仅是因为他们
已经习惯了。
2003 年 12 月 2 日星期二下午 3:33 GMT,Bill Creswell 如是说。
评论5
呵呵。是的,‘b’确实更短。我完全同意它纯粹是表示外观,但这正是重点。HTML 应该用于内容,CSS 用于表示。所以,如果你只想让某些东西变成粗体,你应该使用 CSS。但如果你想强调某个元素,你应该使用‘em’(强调)或‘strong’(强强调),它们具有意义。使用‘b’并没有将内容(HTML)与表示(CSS)分开,因为 HTML 中会有表示。
关于 CSS 布局优于表格布局,正如我在文章中所说,“表格确实可以为能力不足的 Netscape 4 提供更好的表现控制,但其用户数量极少且在减少,而表格布局会造成极大不便的用户——移动设备用户——数量却在增长。上述无表格设计的优点远远超过其缺点,并应生成页面,尽管对少数人来说风格化程度最低,但在所有浏览器中仍具有完整的功能。”
2003 年 12 月 2 日星期二下午 3:52 GMT,Patrick 如是说。
评论6
http://ww2.netpenny.net/~bcreswell/Layouts/index.html
简单的 CSS 布局,易于理解、灵活且非常易损坏。
2003 年 12 月 2 日星期二下午 4:15 GMT,Bill Creswell 如是说。
评论7
请看 https://htmldog.cn/guides/cssadvanced/layout/ 了解如何制作 CSS 布局。
有许多许多网站(包括本站)不依赖表格进行布局并且不会出错。
2003 年 12 月 2 日星期二下午 4:23 GMT,Patrick 如是说。
评论8
对一些仍然过于频繁出现的 HTML 元素/属性(多亏了所见即所得编辑器)做了一个很好的概述。
然而,我不得不质疑您对 HR 的判断。就像 W3C 的一些人一样,我同意它被命名不当(XHTML 2 已提议将其名称更改为“separator”[http://www.w3.org/TR/xhtml2/mod-block-text.html#sec_8.6 ])——尽管它的默认渲染效果——但它在语义结构化的文档中确实有其有效用途。
也就是说,当 DIV 不适用时,HR 可以用来提供一个分节符。考虑一篇长篇叙事:HR 是分隔长段落的理想元素;它暗示了一个中断,但不会像使用各种 DIV 那样创建一个新的 DOM 树分支。
2003 年 12 月 2 日星期二下午 6:12 GMT,Craig Saila 如是说。
评论9
我对比纯粹表示外观的标签的看法
所有浏览器都以相同的方式处理“strong”和“b”(使文本粗体),以及“em”和“i”(使文本斜体),所以这对组合实际上是同义词。“em { font-weight: bold; }”或“i { font-weight: bold; }”一样错误,因为它们都否定了标签的意义,两者之间的罪过并没有大小之分。所以:“b”和“strong”是同义词,正如“em”和“i”一样,选择其中一个的唯一原因是为了节省字节。因此,负责任的设计要求您使用“b”和“i”并节省每个用法 10 字节和 2 字节。声称一个比另一个更“语义化”是毫无意义的,并且忽略了在这种情况下,标签的“意义”就是其外观,仅此而已。
2003 年 12 月 3 日星期三凌晨 12:33 GMT,Eric TF Bat 如是说。
评论10
一些快速回应
Craig 关于 hr 标签的观点很好。它的必要性也许值得商榷。它肯定不是一个正确的命名。
关于 Eric 的评论,“i”(斜体)是表示外观的——它没有给任何东西增加意义。“em”(强调)具有意义。“em { font-weight: bold; }”并没有否定标签的意义,因为你可以选择以任何你喜欢的方式在视觉上呈现强调。没有普遍的方法来定义“强调”的表现形式,CSS 无法为任何事物增加意义——它只能应用无意义的表现形式。
(顺便说一句,我将研究一下在博客中添加一个“预览”按钮——看起来确实有必要。)
2003 年 12 月 3 日星期三凌晨 1:04 GMT,Patrick 如是说。
评论11
我能理解将 HR 视为表示外观的想法,但个人而言,我将其用于非 CSS 用户——它将文本稍微分开,区分(例如)导航和内容。虽然我不知道我的用户怎么想,但我个人认为,在查看纯文本版本时,有这些小东西能有所帮助——它能立即吸引眼球——尤其是当我将导航放在内容底部以实现可访问性时。
我的网站在整个使用结构化标记,所以内容的分隔通常通过标题标签来实现,但我认为非 CSS 用户有时需要更多才能确保他们获得良好的体验。
这么说来,我倾向于谨慎使用 HR :)
2003 年 12 月 3 日星期三晚上 8:30 GMT,Andrew Bowden 如是说。
评论12
好吧,考虑一下 标签:通常用斜体来标记作品标题等。这不是表示外观,而是意义,您正在区分一个标题,就像您会用引号来表示文章名称一样。然而,我们不希望屏幕阅读器强调这个名字,那会听起来很愚蠢。所以,在这种情况下使用斜体标签是有意义的。我同意,如果你是在为视觉效果装饰文本,那应该用 CSS。
2003 年 12 月 4 日星期四上午 6:36 GMT,Neal 如是说。
评论13
嗯,Neal,我不同意。 标签只是表示外观。要标记书籍或电影标题,我使用 元素,该元素通常由图形浏览器以斜体显示。而且我对
标签没有任何意见。它确实增加了结构,清晰地区分了一个部分与另一个部分,当使用
2003 年 12 月 4 日星期四上午 9:22 GMT,LintHuman 如是说。
评论14
Neal - 如果你需要做这样的事情,根据上下文使用 CITE 或 EM。EM 是强调,而你所做的只是强调名称或标题,所以它起作用了。
而且 EM 通常也显示为斜体(使用 EM 的重点在于它不一定如此!)。
2003 年 12 月 4 日星期四下午 5:17 GMT,Andrew Bowden 如是说。
评论15
我明白你的意思。我可以使用 ,但重新考虑后,使用
2003 年 12 月 5 日星期五上午 10:19 GMT,Neal 如是说。
评论16
也许这很有趣
- http://annevankesteren.nl/archives/2003/09/03/b-svg-and-accessibility
- http://annevankesteren.nl/archives/2003/09/04/markup-is-all-about-personal-opinions
顺便说一句,这并非垃圾邮件 ;-)
我认为您应该说明,当您在表单中使用“name”属性时,它是_必需_的。这是您接收和处理提交数据的唯一有效方式。
2003 年 12 月 6 日星期六上午 10:27 GMT,Anne 如是说。
评论17
有一些不错的观点,但也有一些值得商榷的观点。
斜体不仅用于强调,还用于书籍标题(如 Neal 所说),此时 标签可能更合适。在其他一些情况下,斜体也是合适的:例如,当提到船名时——“他随《泰坦尼克号》沉没”。名字没有被强调或引用,我们只是遵循一个惯例。我想你可以使用类似 的东西,但我看不到它增加了什么。
我不理解你(或 W3C)关于
评论1
什么是表格数据?
2003 年 12 月 2 日星期二凌晨 2:24 GMT,[匿名] 如是说。