Beefy Boxes and Bandwidth Generously Provided by pair Networks
Perl Monk, Perl Meditation
 
PerlMonks  

Re: Re: Re: My favorite HTML font style tag is...

by Joost (Canon)
on Aug 19, 2003 at 14:09 UTC ( #284898=note: print w/ replies, xml ) Need Help??


in reply to Re: Re: My favorite HTML font style tag is...
in thread My favorite HTML font style tag is...

But most of the time I see <div> tags used where a <p> or some other tag that actually has meaning would be better. The problem with (or the point of) <div> and <span>. tags is that they don't have any meaning. This means that you are putting information (content) in a 'block' that appears to have no meaning at all.

Though I can see the use of the construct in some cases, just applying <div> and <span> anywhere you want a layout change is bad practice.

For instance, this:

<p> <span class="bold">Some header</span><br> Some paragraph. </p>

Is much better written:

<h3>Some header</h3> <p> Some paragraph. </p>

- Don't laugh too hard at the above example, I've seen plenty of this in real sites made by supposedly professional companies.

Joost.

-- #!/usr/bin/perl -w use strict;$;= ";Jtunsitr pa;ngo;t1h\$e;r. )p.e(r;ls ;h;a;c.k^e;rs ";$_=$;;do{$..=chop}while(chop);$_=$;;eval$.;


Comment on Re: Re: Re: My favorite HTML font style tag is...
Select or Download Code
Re: My favorite HTML font style tag is...
by cLive ;-) (Parson) on Aug 19, 2003 at 19:46 UTC
    I suggest you go browse CSS Zen Garden.

    Then you will understand the power of one <div> clapping :)

    .02

    cLive;-)

    --

Re: Re: Re: Re: My favorite HTML font style tag is...
by Chady (Priest) on Aug 21, 2003 at 11:07 UTC
    Ok, but what about:
    <h3><span>Some</span> header</h3> <p> Some paragraph. </p>
    with this CSS:
    h3 span { color: red; }
    Some designs need that.
    He who asks will be a fool for five minutes, but he who doesn't ask will remain a fool for life.

    Chady | http://chady.net/
      You wouldn't write that. You would write:
      <h3><em>Some</em> Header</h3> <p> stuff </p>
      CSS
      h3 em { color: red; }
        This then, :D
        <h3 class="header1"><span>Some Header</span></h3> <p> stuff </p>
        CSS
        h3.header1 span { display: none; } h3.header1 { width: 200px; background: white url('images/header1.png') top left no-repeat; height: 25px; padding: 0px; }
        Fahrner Image Replacement

        P.S: I know about the one without the span ;)


        He who asks will be a fool for five minutes, but he who doesn't ask will remain a fool for life.

        Chady | http://chady.net/

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://284898]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others examining the Monastery: (7)
As of 2014-10-26 05:18 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    For retirement, I am banking on:










    Results (151 votes), past polls