473,503 Members | 1,877 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

zen question

looking over the xhtml page that is provided as part of the zen garden
project...

what is the purpose of the <span></span> tags?

<div id="benefits">
<h3><span>Benefits</span></h3>
<p class="p1"><span>Why participate? For recognition, inspiration, and
a resource we can all refer to when making the case for <acronym
title="Cascading Style Sheets">CSS</acronym>-based design. This is sorely
needed, even today. More and more major sites are taking the leap, but not
enough have. One day this gallery will be a historical curiosity; that day
is not today.</span></p>
</div>
thanks very much-
mrt

--
Using Opera's revolutionary e-mail client: http://www.opera.com/m2/
Jul 20 '05 #1
23 2170
Laurence Tureaud wrote:
looking over the xhtml page that is provided as part of the zen
garden project...

what is the purpose of the <span></span> tags?

<div id="benefits">
<h3><span>Benefits</span></h3>


The Zen Garden site is a css demonstration page, a sort of gee-whiz
affair. The markup does not change, but authors can contribute new
stylesheets to change the appearance. None of those authors can add
markup to create new styling hooks. To compensate, the markup was
written to provide as many styling hooks as could be conceived, ahead
of time. As a result, there is a lot of redundant markup, such as the
code you copied, that would not be included in a normal authoring
situation.

hth

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #2
thank you brian & others for your thoughtful answers to my silly beginner
questions.

i hope to have better questions soon!

-mrt
Jul 20 '05 #3
Brian <us*****@julietremblay.com.invalid> wrote:
To compensate, the markup was
written to provide as many styling hooks as could be conceived, ahead
of time. As a result, there is a lot of redundant markup, - -


Part of the reasons for the extra markup is that it lets authors do
things in a manner that works on common browsers with serious problems in
their CSS support, too. For example, <h3><span>...</span></h3> lets the
author make the heading text just as wide as needed, e.g. in order to use
background that wide. For an inline element like <span> that's trivial,
but for a block element like <h3>, there's no practical way at present.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #4
On Wed, 16 Jun 2004, Laurence Tureaud wrote, quoting:
a resource we can all refer to when making the case for <acronym
title="Cascading Style Sheets">CSS</acronym>-based design.


"CSS" is not an acronym, though.
Jul 20 '05 #5
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
a resource we can all refer to when making the case for <acronym
title="Cascading Style Sheets">CSS</acronym>-based design.


"CSS" is not an acronym, though.


In the CSS Zen Garden context, it is understandable that they didn't use
<abbr>, since <abbr> markup is useless for the purpose of styling
as far as IE is considered, and the Garden aims at being a practical
demonstration.

Personally, I would have used <span class="abbr" title=
"Cascading Style Sheets">CSS</span>.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #6
On Thu, 17 Jun 2004, Jukka K. Korpela wrote:
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
"CSS" is not an acronym, though.
In the CSS Zen Garden context, it is understandable that they didn't use
<abbr>, since <abbr> markup is useless for the purpose of styling
as far as IE is considered, and the Garden aims at being a practical
demonstration.


I don't disagree; but the mere fact that IE doesn't support <abbr> is
IMNSHO no excuse for misrepresenting the term to WWW-compatible
browsers.
Personally, I would have used <span class="abbr" title=
"Cascading Style Sheets">CSS</span>.


When I can be bothered, I wrap my <abbr title="..."> elements in <span
class="abbr" title="...">, and when I can't, then IE users just have
to get what their vendor decides they can get.

cheers
Jul 20 '05 #7
Jukka K. Korpela wrote:
In the CSS Zen Garden context, it is understandable that they didn't use
<abbr>, since <abbr> markup is useless for the purpose of styling
as far as IE is considered, and the Garden aims at being a practical
demonstration.

Personally, I would have used <span class="abbr" title=
"Cascading Style Sheets">CSS</span>.


I serve <acronym> to anything claiming to be IE and <abbr> to real UAs,
which is one of a couple of concessions I grudgingly make to it. I also
subtly suggest to IE users that they might like to switch to a web
browser instead.

http://tranchant.plus.com/ie

--
Mark.
Jul 20 '05 #8
Alan J. Flavell wrote:
On Wed, 16 Jun 2004, Laurence Tureaud wrote, quoting:
a resource we can all refer to when making the case for <acronym
title="Cascading Style Sheets">CSS</acronym>-based design.


"CSS" is not an acronym, though.


What it is if not an acronym? 'CSS' is an acronym; 'abbr' is an
abbreviation.

Berislav

--
If the Internet is a Marx Brothers movie, and Web, e-mail, and IRC are
Groucho, Chico, and Harpo, then Usenet is Zeppo.
Jul 20 '05 #9
Berislav Lopac wrote:
"CSS" is not an acronym, though.
What it is if not an acronym? 'CSS' is an acronym; 'abbr' is an
abbreviation.


An acronym is usually defined as being pronounceable as a word, like
NATO. abbr is indeed an abbreviation, but so is ICBM and CSS. These are
initial-type abbreviations, whereas abbr is a contraction-type
abbreviation (my terms).

These definitions are quite woolly, though...

--
Mark.
Jul 20 '05 #10
"Berislav Lopac" <be************@dimedia.hr> wrote:
Alan J. Flavell wrote:

"CSS" is not an acronym, though.


What it is if not an acronym? 'CSS' is an acronym;


How do you pronounce it then? Unless you prononce it as a word it
can't be an acronym.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #11
On Thu, 17 Jun 2004, Berislav Lopac wrote:
Alan J. Flavell wrote:
"CSS" is not an acronym, though.
What it is if not an acronym?


There's lots of things that it's not. Acronym is only one of them.

I give you MEU2, Fowler ed. Gowers, for example, for respectable
discussion of these terms.
'CSS' is an acronym;
Merely repeating the disputed assertion doesn't make it any more or
less valid, though. The sloppy use of the precise term "acronym" to
refer to various kinds of abbreviation in casual speech really doesn't
help. Particularly as English already has a long-standing word,
"initialism", to refer to this kind of abbreviation, and doesn't need
to degrade the original meaning of the term "acronym" until they all
mean much the same thing.
'abbr' is an abbreviation.


Did I ever dispute that? "CSS" is an abbreviation (for which HTML has
a markup). It's also an initialism (for which HTML has no specific
markup). An acronym it is not, at least not in respectable company.
Jul 20 '05 #12
Tim
On Thu, 17 Jun 2004 06:07:10 +0000 (UTC),
"Jukka K. Korpela" <jk******@cs.tut.fi> posted:
For example, <h3><span>...</span></h3> lets the
author make the heading text just as wide as needed, e.g. in order to use
background that wide. For an inline element like <span> that's trivial,
but for a block element like <h3>, there's no practical way at present.


Have you ever tried restyling an h tag as an inline element? So far, on
the browsers I've tried it with, you can get the same effect.

e.g. h3 {display: inline; color: white; background-color: blue;}

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.
Jul 20 '05 #13
Laurence Tureaud wrote:
thank you brian
Your welcome.
& others
Did I miss some other replies? :-o
for your thoughtful answers to my silly beginner questions.

i hope to have better questions soon!


This is one of the *least* silly questions I've come across recently
in ciwa*. It's quite reasonable to wonder why, on a demonstration
site, the markup is so curiously bloated.

--
Best,
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #14
Brian wrote:
Did I miss some other replies? :-o


Well, yes, I did, mostly because I didn't bother to look ahead in the
unthreaded view. Sorry for the stupidity.

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #15

"Mark Tranchant" <ma**@tranchant.plus.com> wrote in message
news:j3*********************@stones.force9.net...
Berislav Lopac wrote:
"CSS" is not an acronym, though.

What it is if not an acronym? 'CSS' is an acronym; 'abbr' is an
abbreviation.


An acronym is usually defined as being pronounceable as a word, like
NATO. abbr is indeed an abbreviation, but so is ICBM and CSS. These are
initial-type abbreviations, whereas abbr is a contraction-type
abbreviation (my terms).

These definitions are quite woolly, though...


The confusion would be abated by *adopting* a word specifically for strings
of initials that haven't become an acronym. I propose adapting the word used
in French for this purpose, "sigle", perhaps converting it to "siggle"
first.

Jul 20 '05 #16
Harlan Messinger wrote:
"Mark Tranchant" <ma**@tranchant.plus.com> wrote in message
news:j3*********************@stones.force9.net...

An acronym is usually defined as being pronounceable as a word, like
NATO. abbr is indeed an abbreviation, but so is ICBM and CSS. These are
initial-type abbreviations, whereas abbr is a contraction-type
abbreviation (my terms).

These definitions are quite woolly, though...

The confusion would be abated by *adopting* a word specifically for strings
of initials that haven't become an acronym. I propose adapting the word used
in French for this purpose, "sigle", perhaps converting it to "siggle"
first.


A good suggestion, and I like "siggle", but "initialism" exists for this
already:

http://dictionary.reference.com/search?q=initialism

--
Mark.
Jul 20 '05 #17

"Mark Tranchant" <ma**@tranchant.plus.com> wrote in message
news:iG*********************@stones.force9.net...
Harlan Messinger wrote:
"Mark Tranchant" <ma**@tranchant.plus.com> wrote in message
news:j3*********************@stones.force9.net...

An acronym is usually defined as being pronounceable as a word, like
NATO. abbr is indeed an abbreviation, but so is ICBM and CSS. These are
initial-type abbreviations, whereas abbr is a contraction-type
abbreviation (my terms).

These definitions are quite woolly, though...

The confusion would be abated by *adopting* a word specifically for strings of initials that haven't become an acronym. I propose adapting the word used in French for this purpose, "sigle", perhaps converting it to "siggle"
first.


A good suggestion, and I like "siggle", but "initialism" exists for this
already:

http://dictionary.reference.com/search?q=initialism


Ah, so it does: Merriam-Webster Collegiate on-line has it too. Too bad--I
was fond of "siggle" as soon as I thought of it.

Jul 20 '05 #18
Alan J. Flavell wrote:
On Thu, 17 Jun 2004, Jukka K. Korpela wrote:
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote:
"CSS" is not an acronym, though.


In the CSS Zen Garden context, it is understandable that they
didn't use <abbr>, since <abbr> markup is useless for the purpose
of styling as far as IE is considered, and the Garden aims at being
a practical demonstration.


I don't disagree; but the mere fact that IE doesn't support <abbr> is
IMNSHO no excuse for misrepresenting the term to WWW-compatible
browsers.


The Zen Garden is all about convincing people to use CSS. I'd say any
measurement can be taken to convince people to use CSS :)
I use <acronym>...</acronym> on my blog for the sole reason the
title-attribute breaks in <abbr>...</abbr>, knowing this is a hack --
but I find it's pragmatic enough. Let's face it, the W3C shouldn't have
invented two elements for this in the first place. (Maybe that would
have convinced the lazy Microsoft programmer to support
<abbr>...</abbr>, but who knows why IE doesn't understand this.) Did
anybody ever mention the W3C invented a whole lot of phrase markup
which we don't need as much as some others which seem to be lacking
(e.g. "footnote", for one)?

--
Google Blogoscoped
http://blog.outer-court.com
Jul 20 '05 #19
Alan J. Flavell wrote:
On Thu, 17 Jun 2004, Berislav Lopac wrote:
'CSS' is an acronym;


Merely repeating the disputed assertion doesn't make it any more or
less valid, though.


Hint to Berislav: "CSS" would be an acronym if you would pronounce it
"Cass" or something instead of "Sea-Ess-Ess". Unfortunately it's only
an abbreviation (for which we have the <abbr>-element).

--
Google Blogoscoped
http://blog.outer-court.com
Jul 20 '05 #20
Philipp Lenssen <in**@outer-court.com> wrote:
Did
anybody ever mention the W3C invented a whole lot of phrase markup
which we don't need as much as some others which seem to be lacking
(e.g. "footnote", for one)?


Alas, poor HTML 3.0! I knew it, Horatio: a draft of infinite elements, of
most excellent attributes: it hath borne structure on its back a thousand
times; and now, how abhorred in my imagination it is!

Generic captioned figures (a la HTML 3.0's FIG) would have been nice too.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"I've cut this board three times, and it's still too short!"
Jul 20 '05 #21
Tim <ti*@mail.localhost.invalid> wrote:
On Thu, 17 Jun 2004 06:07:10 +0000 (UTC),
"Jukka K. Korpela" <jk******@cs.tut.fi> posted:
For example, <h3><span>...</span></h3> lets the
author make the heading text just as wide as needed, e.g. in order
to use background that wide. For an inline element like <span>
that's trivial, but for a block element like <h3>, there's no
practical way at present.
Have you ever tried restyling an h tag as an inline element?


Yes, but making a heading an inline element is too restrictive.
So far,
on the browsers I've tried it with, you can get the same effect.

e.g. h3 {display: inline; color: white; background-color: blue;}


Up to a point, yes, but e.g. margin-top and margin-bottom do not affect
non-replaced inline elements. And for good typography, margins around
headings should normally be changed from common defaults (at least so
that top margin is larger than bottom margin).

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #22
Tim
"Jukka K. Korpela" <jk******@cs.tut.fi> posted:
For example, <h3><span>...</span></h3> lets the
author make the heading text just as wide as needed, e.g. in order
to use background that wide. For an inline element like <span>
that's trivial, but for a block element like <h3>, there's no
practical way at present.


Tim <ti*@mail.localhost.invalid> wrote:
Have you ever tried restyling an h tag as an inline element?

"Jukka K. Korpela" <jk******@cs.tut.fi> posted:
Yes, but making a heading an inline element is too restrictive.
I know it seems a daft thing to do, but it does seem to work okay where
I've tried that trick, because there's other block elements either side of
it.

e.g. <p>something</p> <h2>something</h2> <p>something</p>

So far, on the browsers I've tried it with, you can get the same effect.

e.g. h3 {display: inline; color: white; background-color: blue;}

Up to a point, yes, but e.g. margin-top and margin-bottom do not affect
non-replaced inline elements. And for good typography, margins around
headings should normally be changed from common defaults (at least so
that top margin is larger than bottom margin).


Well, it was a very simple example. ;-) You could, of course, put more
information around that to put in margins and the like, but then you're not
that far away from playing with the span trick, then, anyway.

I suppose there's some credence to the idea that you're trying "emphasise"
a heading by colouring it in, so you could do a <h2><em>heading</em></h2>
trick, and style em elements within h2 elements. ;-)

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.
Jul 20 '05 #23
Tim <ti*@mail.localhost.invalid> wrote:
Yes, but making a heading an inline element is too restrictive.
I know it seems a daft thing to do, but it does seem to work okay
where I've tried that trick, because there's other block elements
either side of it.

e.g. <p>something</p> <h2>something</h2> <p>something</p>


A heading is not necessarily preceded or followed by a paragraph but e.g.
by a <div> element. And how would you arrange things so that the top
margin for the heading is larger than bottom margin, if any attempt to do
so directly fails (because you've made <h2> an inline element)? It's
possible, but awkward.
I suppose there's some credence to the idea that you're trying
"emphasise" a heading by colouring it in, so you could do a
<h2><em>heading</em></h2> trick, and style em elements within h2
elements. ;-)


And have it italicized on non-CSS browsers. I wouldn't recommend using
such artificial markup; if you want redundant inline markup for the
purpose of styling, use <span> - it has the additional benefit of not
having any default effect on rendering.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #24

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
3083
by: Mohammed Mazid | last post by:
Can anyone please help me on how to move to the next and previous question? Here is a snippet of my code: Private Sub cmdNext_Click() End Sub Private Sub cmdPrevious_Click() showrecord
3
4996
by: Stevey | last post by:
I have the following XML file... <?xml version="1.0"?> <animals> <animal> <name>Tiger</name> <questions> <question index="0">true</question> <question index="1">true</question> </questions>
7
2628
by: nospam | last post by:
Ok, 3rd or is it the 4th time I have asked this question on Partial Types, so, since it seems to me that Partial Types is still in the design or development stages at Microsoft, I am going to ask...
3
3058
by: Ekqvist Marko | last post by:
Hi, I have one Access database table including questions and answers. Now I need to give answer id automatically to questionID column. But I don't know how it is best (fastest) to do? table...
10
3389
by: glenn | last post by:
I am use to programming in php and the way session and post vars are past from fields on one page through to the post page automatically where I can get to their values easily to write to a...
10
3682
by: Rider | last post by:
Hi, simple(?) question about asp.net configuration.. I've installed ASP.NET 2.0 QuickStart Sample successfully. But, When I'm first start application the follow message shown. ========= Server...
53
4020
by: Jeff | last post by:
In the function below, can size ever be 0 (zero)? char *clc_strdup(const char * CLC_RESTRICT s) { size_t size; char *p; clc_assert_not_null(clc_strdup, s); size = strlen(s) + 1;
56
4695
by: spibou | last post by:
In the statement "a *= expression" is expression assumed to be parenthesized ? For example if I write "a *= b+c" is this the same as "a = a * (b+c)" or "a = a * b+c" ?
2
4252
by: Allan Ebdrup | last post by:
Hi, I'm trying to render a Matrix question in my ASP.Net 2.0 page, A matrix question is a question where you have several options that can all be rated according to several possible ratings (from...
3
2538
by: Zhang Weiwu | last post by:
Hello! I wrote this: ..required-question p:after { content: "*"; } Corresponding HTML: <div class="required-question"><p>Question Text</p><input /></div> <div...
0
7204
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
7282
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
7464
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
5586
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
5018
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
4680
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
3162
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
1516
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
741
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.