当前位置:  开发笔记 > 前端 > 正文

在网页设计中是否应该不惜一切代价避免<br />和<hr />?

如何解决《在网页设计中是否应该不惜一切代价避免<br/>和<hr/>?》经验,为你挑选了3个好方法。

我不断找到需要使用
标签的地方,因为CSS无法满足我的需求.是不是被
认为是"设计"的一部分而不是文档结构的一部分?它的可接受用途是什么?同样的规则是否也适用于


这是一个我觉得被迫使用
标签的例子:

我想显示这个:

1234 south east Main St. Somewhere, Id 54555

像这样:

1234 south east main st.
Somewhere, Id 54555

Joshua Carmo.. 66

使用


没有任何问题.即使在新的HTML 5草案规范(相关规范信息)中,它们都不是已弃用的标签.事实上,很难比W3C本身更好地说明
标签的正确使用:

以下示例是br元素的正确用法:

P上.Sherman

42 Wallaby Way

悉尼

br元素不得用于分隔段落中的专题组.

以下示例不符合,因为它们滥用了br元素:

34条评论.

添加评论.

名称:<输入名称="名称">

地址:<输入名称="地址">

以下是上述替代方案,它们是正确的:

34条评论.

添加评论.

名称:<输入名称="名称">

地址:<输入名称="地址">


也可以很好地成为内容的一部分,而不仅仅是显示元素.当涉及什么是内容和什么不是内容时,请使用良好的判断,并且您将知道何时使用这些元素.它们在当前的W3C规范中都是有效的,有用的元素.但是,强大的力量带来了巨大的责任,所以正确使用它们.

编辑1:

我第一次点击"帖子"之后的另一个想法 - 近年来网络开发人员中存在很多反<表>情绪,并且有充分的理由.人们滥用

标签,将其用于网站布局和格式化.这不是它的用途,所以你不应该这样使用它.但这是否意味着你永远不应该使用
标签?如果您的代码中实际上有一个诚实的表,例如,如果您正在撰写一篇科学文章,并且您想要包含元素的周期表,该怎么办??在这种情况下,使用
是完全合理的,它变成了语义标记而不是格式化.
与情况相同.当它是你的内容的一部分(即,为了正确的英语而应该在那些点打破的文本),使用它!当你出于格式化原因而这样做时,最好尝试另一种方式.



1> Joshua Carmo..:

使用


没有任何问题.即使在新的HTML 5草案规范(相关规范信息)中,它们都不是已弃用的标签.事实上,很难比W3C本身更好地说明
标签的正确使用:

以下示例是br元素的正确用法:

P上.Sherman

42 Wallaby Way

悉尼

br元素不得用于分隔段落中的专题组.

以下示例不符合,因为它们滥用了br元素:

34条评论.

添加评论.

名称:<输入名称="名称">

地址:<输入名称="地址">

以下是上述替代方案,它们是正确的:

34条评论.

添加评论.

名称:<输入名称="名称">

地址:<输入名称="地址">


也可以很好地成为内容的一部分,而不仅仅是显示元素.当涉及什么是内容和什么不是内容时,请使用良好的判断,并且您将知道何时使用这些元素.它们在当前的W3C规范中都是有效的,有用的元素.但是,强大的力量带来了巨大的责任,所以正确使用它们.

编辑1:

我第一次点击"帖子"之后的另一个想法 - 近年来网络开发人员中存在很多反<表>情绪,并且有充分的理由.人们滥用

标签,将其用于网站布局和格式化.这不是它的用途,所以你不应该这样使用它.但这是否意味着你永远不应该使用
标签?如果您的代码中实际上有一个诚实的表,例如,如果您正在撰写一篇科学文章,并且您想要包含元素的周期表,该怎么办??在这种情况下,使用
是完全合理的,它变成了语义标记而不是格式化.
与情况相同.当它是你的内容的一部分(即,为了正确的英语而应该在那些点打破的文本),使用它!当你出于格式化原因而这样做时,最好尝试另一种方式.


它也值得引用`
`HTML5规范,它整齐地解释了它的语义:**"hr元素表示段落级别的主题中断,例如故事中的场景变化,或者过渡到另一个主题.参考书的一部分."**
嗨@konrad_firm.你是对的,从技术的角度来看,这两种用途可能看起来一样.区别在于语义.在邮政地址的情况下,换行符是数据的一部分.它总是有一个换行符,即使它是用记事本或小屏幕写的.在"不正确"的用法中,换行符用于演示.如果您想在小屏幕上,屏幕阅读器或其他国家/地区以不同方式格式化两个链接,该怎么办?

无法在CSS中更改,因此出于演示目的应避免使用.合理?

2> Sampson..:

只要你不使用
形成段落,你在我的书中可能就好了;)我讨厌看到:

...lengthy first paragraph...

...lengthy second paragraph...

...lengthy third paragraph...

至于地址,我会这样做:

1100 N. Wullabee Lane
Pensacola, Florida 32503

但这可能是因为我喜欢jQuery,并希望在任何特定时刻访问任何这些部分:)



3> George Stock..:


并且
,就像其他一切一样,可以在不应该被滥用时进行设计.
用于在视觉上划分文本部分,但在局部意义上.
是为了做同样的事情,但没有水平线.

这将是一个设计缺陷,使用


跨网站的设计,但在这篇文章中,例如,这将是正确的同时使用

,因为文本的这一部分仍然要成为一段文字,即使网站布局已更改.

推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有