PTG 访谈
2004年5月25日,星期二 (格林威治标准时间 9:53 AM)
在 The Web Standards Group 上,您可以找到 Patrick Griffiths 的 10 个问题。
如果您想接受我的任何提议,可以在这里进行(尽管hr 的问题已经在 别处引起争论了)。
评论
评论2
留胡子干什么?没别的意思,但你看起来像个嬉皮士 :)
你是嬉皮士吗?如果是,你应该来旧金山这里。
“hr 可以用来显示一条水平线。在 CSS 设计的页面中,hr 的使用很不寻常;诸如 border-top 和 border-bottom 属性,甚至普通的图片都能更好地完成这项工作。”
你为什么自相矛盾?我当然不会因为使用一张图片而增加下载时间,而一个现有的 (X)HTML 标签可以做同样的事情。
Dante 于 2004年5月26日,星期三,格林威治标准时间 1:12 AM 如是说。
评论3
我不确定矛盾在哪里……
而且你不一定非要使用图片——那只是一个选项。例如,分隔这些评论的“水平线”是用边框制作的。
Patrick 于 2004年5月26日,星期三,格林威治标准时间 9:23 AM 如是说。
评论5
我通常会这样做:
</div>
<hr class="hide">
<div>
然后将 hr 样式隐藏,并用 div 边框进行样式设置。这样,如果用户不使用 CSS,hr 就会作为分隔符。
Neal 于 2004年5月29日,星期六,格林威治标准时间 8:06 AM 如是说。
评论6
这是自相矛盾,因为他说要始终使用语义上正确的标签。HR 比 IMG,或使用 并为 P 设置底部边框(尽管对于评论来说这是个好主意)在语义上更正确。对于我的历史网站重新设计,我仍然使用 HR 来分隔文章,因为
1. 谁想浪费时间下载图片?
2. 它们在语义上是正确的(为了让你满意,我没有使用 B 或 I 标签)。
Deselect,我尽量不冲你大喊大叫。这就是我考虑放弃网页开发的原因:每次我提出一个论点,我都被视为巨魔。
Dante 于 2004年5月30日,星期日,格林威治标准时间 7:35 PM 如是说。
评论7
@Dante:我也认为 <hr /> 标签比 border-bottom 或 img 标签更正确,但正如 Patrick 所说,它应该被称为 <divider /> 或 <seperator /> 之类的,因为“horizontal ruler”指的是分隔符的呈现,而我认为这应该只由 CSS 决定。
Maximilian Baumgart 于 2004年5月31日,星期一,格林威治标准时间 1:58 PM 如是说。
评论8
但我们必须记住,CSS 是可选的。您的页面必须在没有 CSS 的情况下可用。
在 img 元素中指示高度和宽度被认为是良好的实践——这是表现信息——因为它允许浏览器在知道图像所需空间的情况下渲染页面。如果我们将其从 HTML 中移除,而只包含在 CSS 中,没有 CSS 的用户将会看到页面跳跃。
如果我创建一个数据表,在所有浏览器中,默认情况下它都将没有边框。这会使表格在使用 CSS 时不那么易用。因此,设置 table 的 border 属性是推荐的,尽管这也是表现信息。
当我们依赖 CSS 来将页面渲染成不同的部分时,没有 CSS 的渲染将无法反映出来,这可能会导致用户混淆。一个例子是本网站上使用的“注意:”框。用户如何知道笔记何时结束,而主内容何时继续?为了可用性,我们需要以某种方式将其区分开,而 hr 是最佳选择。
因此,我不提倡将表现与内容完全、无差别地整齐地分离到 CSS 和 HTML 中。通过将所有样式放入 CSS 而不放入 HTML,页面在没有 CSS 的情况下渲染时可能会出现某些功能问题。我提倡只将对 CSS-less HTML 最优可用性至关重要的表现方面添加到 HTML 中——所有“可一次性使用”的渲染建议都应放入 CSS 中。
Neal 于 2004年5月31日,星期一,格林威治标准时间 10:20 PM 如是说。
评论10
T 是什么意思?
如果你是 PTG,我就是 DRE(Dante Reginald Evans),但我认为已经有人叫这个名字了。
Dante 于 2004年6月3日,星期四,格林威治标准时间 1:40 AM 如是说。
评论11
弹性设计的概念很有趣——我倾向于发现大多数带有少量图片的弹性网站,在文本非常大或非常小时看起来都很糟糕。
当然,有必要提高可访问性,但字体大小可以说是不是起点。我建议先去掉白色背景——如果你仔细想想,尤其是在光线不足的情况下,这就像盯着太阳。
白底黑字会伤眼,而且研究表明,浅色背景上的黑色文字有助于有特殊需求的人,以及像阅读障碍症患者。
Neil 于 2004年6月23日,星期三,格林威治标准时间 4:58 PM 如是说。
评论13
我的天啊!
我通常会这样做:
或者
或者
然后将 hr 样式隐藏,并用 div 边框进行样式设置。
使用时,请使用 hr 而不是 hr1,使用 div 而不是 div1。
google163 于 2004年10月9日,星期六,格林威治标准时间 5:30 PM 如是说。
评论14
请删除我上面发布的消息,为了隐藏 hr 的其他内容,我们可以使用如下 CSS:style="position:absolute;visibility: hidden;"
google163 于 2004年10月9日,星期六,格林威治标准时间 5:33 PM 如是说。
评论15
我完全同意 PTG 的观点,HR 是有效的。我多次尝试过,现在我再也不会回到过去的方式了。
Serge, designer 于 2004年11月29日,星期一,格林威治标准时间 3:49 PM 如是说。
另请参阅
- 下一页:所有 CSS 网站看起来都一样
- 上一页:Sons of Suckerfish

评论1
嘿。很高兴能听到声音的来源。
Chris 于 2004年5月25日,星期二,格林威治标准时间 12:25 PM 如是说。