您当前位置: 主页 / Dog 博客 / 存档

PTG 访谈

2004年5月25日,星期二 (格林威治标准时间 9:53 AM)

The Web Standards Group 上,您可以找到 Patrick Griffiths 的 10 个问题

如果您想接受我的任何提议,可以在这里进行(尽管hr 的问题已经在 别处引起争论了)。

评论

评论1

嘿。很高兴能听到声音的来源。

Chris 于 2004年5月25日,星期二,格林威治标准时间 12:25 PM 如是说。

评论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 如是说。

评论4

Patrick,看起来你刚刚收养了一个小巨魔 ;)
哈哈哈

祝好,
D

Deselect 于 2004年5月26日,星期三,格林威治标准时间 9:07 PM 如是说。

评论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 如是说。

评论9

Max,这是真的,但 W3C 实际批准这样的标签并且浏览器支持之前,我将继续使用 HR。

Dante 于 2004年6月3日,星期四,格林威治标准时间 1:23 AM 如是说。

评论10

T 是什么意思?
如果你是 PTG,我就是 DRE(Dante Reginald Evans),但我认为已经有人叫这个名字了。

Dante 于 2004年6月3日,星期四,格林威治标准时间 1:40 AM 如是说。

评论11

弹性设计的概念很有趣——我倾向于发现大多数带有少量图片的弹性网站,在文本非常大或非常小时看起来都很糟糕。

当然,有必要提高可访问性,但字体大小可以说是不是起点。我建议先去掉白色背景——如果你仔细想想,尤其是在光线不足的情况下,这就像盯着太阳。

白底黑字会伤眼,而且研究表明,浅色背景上的黑色文字有助于有特殊需求的人,以及像阅读障碍症患者。

Neil 于 2004年6月23日,星期三,格林威治标准时间 4:58 PM 如是说。

评论12

我通常会这样做:


或者

或者

然后将 hr 样式隐藏,并用 div 边框进行样式设置。

google163 于 2004年10月9日,星期六,格林威治标准时间 5:24 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 如是说。

另请参阅

^ 顶部

SiteGround: Fast, reliable, recommended hosting.