My xhtml, your opinion

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Michael Kalina

    My xhtml, your opinion

    Hi everybody!

    Can the honoured readers of this newsgroup maybe help me with my
    xhtml-skills. The only thing I would like to have, is some feedback on
    my coding style on my website, which you can find at:



    Because I want it to have good xhtml and css, I also posted a similar
    message (concerning css) into the authoring.style sheets-group.
    Thanks a lot for feedback, hints, tipps or criticism,

    Michael

  • Lauri Raittila

    #2
    Re: My xhtml, your opinion

    Michael Kalina wrote:

    [color=blue]
    > http://michaelsremarks.com[/color]

    | <body style="backgrou nd-
    | image:url(http://michaelsremarks .com/images/hintergrund.gif )">

    Why inline CSS? That is bad habit you will be sorry for later.

    You could use CSS-signature to allow people to customize your site

    <body id="michaelsrem arks-com">

    The I could easily remove unnessary margins of your site, and wouldn't
    need to do it again each time I visit yout site.

    | <p>
    | <a href="/" class="noline"> Home</a> /
    | <a href="/?rss=1" title="XML feed">RSS</a> /
    | <a href="/?atom=1" title="XML feed">Atom</a>
    | </p>

    This is not a paragraph. Don't use P markup. More cases like this there
    too.

    | <div class="abschnit t">Kategorie n</div>

    This is obviously heading. Use suitable heading element (h2? h3?).

    | <p style="text-align: center">*</p>

    Rather use hr and style it nicely. Unfortunately it is impossible to
    style hr to look * in IE. If you can't think anything else, wrap it to
    div instead of p. And use some class, insted of inline CSS. Maybe you
    want to change size or color of that * someday. Or if I was regular on
    your site, I would remove it.

    | <h3>

    You skipped h2, dont do that. WAI guidelines has link to explanation.

    Quite good.

    --
    Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
    I'm looking for work | Etsin työtä

    Comment

    • Lauri Raittila

      #3
      Re: My xhtml, your opinion

      Lauri Raittila wrote:[color=blue]
      > Michael Kalina wrote:[color=green]
      > > http://michaelsremarks.com[/color]
      >[/color]


      | <textarea name="message" cols="1" rows="1" ...>

      Really bad. Use some row and cols values that work whe CSS is disabled.

      --
      Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
      I'm looking for work | Etsin työtä

      Comment

      • Darin McGrew

        #4
        Re: My xhtml, your opinion

        Lauri Raittila <lauri@raittila .cjb.net> wrote:[color=blue]
        > You skipped h2, dont do that. WAI guidelines has link to explanation.[/color]

        Is there an explanation in the WAI guidelines that is more convincing than
        the one at <http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers>?

        I agree that it is important to use them to convey document structure, but
        there are times when document structure would lead an author to skip a
        level. My pet example is content that naturally falls into "chunks", each
        of which has a heading and some content (paragraphs, lists, etc.). These
        "chunks" are organized into sections (H2), some of which are large enough
        to be divided into subsections (H3).

        To me, it seems more structural to use H4 for all the "chunk" headings,
        even though that means skipping H3 in the smaller sections that don't have
        subsections. Using H3 for some "chunk" headings and H4 for other "chunk"
        headings seems less structural. Adding an extraneous (perhaps even empty)
        H3 to the smaller subsections seems like a non-structural hack.

        IMHO, YMMV, and all that.
        --
        Darin McGrew, mcgrew@stanford alumni.org, http://www.rahul.net/mcgrew/
        Web Design Group, darin@htmlhelp. com, http://www.HTMLHelp.com/

        aquapella /"a-kw&-'pe-l&/ adj. sung in the shower

        Comment

        • Lauri Raittila

          #5
          Re: My xhtml, your opinion

          Darin McGrew wrote:[color=blue]
          > Lauri Raittila <lauri@raittila .cjb.net> wrote:[color=green]
          > > You skipped h2, dont do that. WAI guidelines has link to explanation.[/color]
          >
          > Is there an explanation in the WAI guidelines that is more convincing than
          > the one at <http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers>?[/color]

          Hm. I didn't remember it like that - maybe it was some automatic too that
          tried to check for WAI, and offered links?...
          [color=blue]
          > I agree that it is important to use them to convey document structure, but
          > there are times when document structure would lead an author to skip a
          > level. [example snipped][/color]

          I have heard that ther is some browser, which you can use to go trough
          headers in order (h1, h2s, h3s...).

          Anyway, personlally I don't like skipping of headings, even in case you
          state, but I have no strong opinion against what you say...

          --
          Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
          I'm looking for work | Etsin työtä

          Comment

          • Brian

            #6
            Re: My xhtml, your opinion

            Darin McGrew wrote:
            [color=blue]
            > My pet example is content that naturally falls into "chunks", each
            > of which has a heading and some content (paragraphs, lists, etc.). These
            > "chunks" are organized into sections (H2), some of which are large enough
            > to be divided into subsections (H3).
            >
            > To me, it seems more structural to use H4 for all the "chunk" headings[/color]

            You've lost me here. You want to use H3 for all the "chunk" headings,
            but in your first paragraph (that is, the first one quoted above), you
            describe your example as using H2. Perhaps a quick demo of code you'd
            use in a reply?

            --
            Brian (remove "invalid" from my address to email me)

            Comment

            • Mark Tranchant

              #7
              Re: My xhtml, your opinion

              Michael Kalina wrote:
              [color=blue]
              > Can the honoured readers of this newsgroup maybe help me with my
              > xhtml-skills.[/color]

              You should mark up your huge blocks of links as lists, styled to remove
              the bullets if that's what you want. A bunch of <a>s separated with
              <br/>s is presentational markup. Suppose one day you decided you want to
              present your links horizontally instead?

              Do you crave the disciplined order of proper (X)HTML lists but long for control over their presentation? You can put a stop to their wild ways and bad behavior. Mark Newhouse shows you how to tame …


              Looks great, though.

              --
              Mark.

              Comment

              • Inger Helene Falch-Jacobsen

                #8
                Re: My xhtml, your opinion

                Michael Kalina wrote:[color=blue]
                > Hi everybody!
                >
                > Can the honoured readers of this newsgroup maybe help me with my
                > xhtml-skills. The only thing I would like to have, is some feedback on
                > my coding style on my website, which you can find at:
                >
                > http://michaelsremarks.com
                >
                > Because I want it to have good xhtml and css, I also posted a similar
                > message (concerning css) into the authoring.style sheets-group.
                > Thanks a lot for feedback, hints, tipps or criticism,[/color]

                Others have commented on your structure, so I'll just mention that I think
                the links in the paragraph "Was gibt es sonst noch?" are just as bad as
                "click here": er, Der, die, ihm, sie, dem, and denen don't give your
                visitors any clue as to what to expect. You also actually have link to
                "hier" which should preferrably be replaced with something meaningful...
                Same goes for "hierauf" and "damit".
                I know that this wasn't what you asked for, but I think it is important to
                keep in mind! ;-)
                Aside from that, I think the page looks beautiful.


                --
                Inger Helene Falch-Jacobsen




                Comment

                • Lauri Raittila

                  #9
                  Re: My xhtml, your opinion

                  Brian wrote:[color=blue]
                  > Darin McGrew wrote:
                  >[color=green]
                  > > My pet example ...
                  > >
                  > > To me, it seems more structural to use H4 for all the "chunk" headings[/color][/color]
                  [color=blue]
                  > You've lost me here.[/color]

                  Well, I just assumed he means the same that everybody else, when they
                  justify jumping over headings...

                  --
                  Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
                  I'm looking for work | Etsin työtä

                  Comment

                  • Darin McGrew

                    #10
                    Re: My xhtml, your opinion

                    I wrote:[color=blue][color=green]
                    >> My pet example is content that naturally falls into "chunks", each
                    >> of which has a heading and some content (paragraphs, lists, etc.). These
                    >> "chunks" are organized into sections (H2), some of which are large enough
                    >> to be divided into subsections (H3).
                    >>
                    >> To me, it seems more structural to use H4 for all the "chunk" headings[/color][/color]

                    Brian <usenet3@juliet remblay.com.inv alid> wrote:[color=blue]
                    > You've lost me here. You want to use H3 for all the "chunk" headings,[/color]

                    No, I want to use H4 for all the "chunk" headings.
                    [color=blue]
                    > but in your first paragraph (that is, the first one quoted above), you
                    > describe your example as using H2. Perhaps a quick demo of code you'd
                    > use in a reply?[/color]

                    Here you go. I think it's more structural to use H3 and H4 consistently,
                    than to obsess over maintaining a strict H1-H2-H3-H4-H5-H6 hierarchy.

                    <h2>Section 1</h2>...
                    <h4>Chunk 1.1</h4>...
                    <h4>Chunk 1.2</h4>...
                    <h4>Chunk 1.3</h4>...

                    <h2>Section 2</h2>...

                    <h3>Subsectio n 2.1</h3>...
                    <h4>Chunk 2.1.1</h4>...
                    <h4>Chunk 2.1.2</h4>...
                    <h4>Chunk 2.1.3</h4>...

                    <h3>Subsectio n 2.2</h3>...
                    <h4>Chunk 2.2.1</h4>...
                    <h4>Chunk 2.2.2</h4>...
                    <h4>Chunk 2.2.3</h4>...

                    <h3>Subsectio n 2.3</h3>...
                    <h4>Chunk 2.3.1</h4>...
                    <h4>Chunk 2.3.2</h4>...
                    <h4>Chunk 2.3.3</h4>...

                    <h2>Section 3</h2>...
                    <h4>Chunk 3.1</h4>...
                    <h4>Chunk 3.2</h4>...
                    <h4>Chunk 3.3</h4>...
                    --
                    Darin McGrew, mcgrew@stanford alumni.org, http://www.rahul.net/mcgrew/
                    Web Design Group, darin@htmlhelp. com, http://www.HTMLHelp.com/

                    "The handwriting on the wall may mean you need a notepad by the phone."

                    Comment

                    • Brian

                      #11
                      Re: My xhtml, your opinion

                      Darin McGrew wrote:
                      [color=blue]
                      > Brian wrote:
                      >[color=green]
                      >> You've lost me here. You want to use H3 for all the "chunk"
                      >> headings[/color]
                      >
                      > No, I want to use H4 for all the "chunk" headings.[/color]

                      I mistyped that. Sorry.
                      [color=blue]
                      > Here you go. I think it's more structural to use H3 and H4
                      > consistently, than to obsess over maintaining a strict
                      > H1-H2-H3-H4-H5-H6 hierarchy.
                      >
                      > <h2>Section 1</h2>...
                      > <h4>Chunk 1.1</h4>...
                      > <h4>Chunk 1.2</h4>...
                      > <h4>Chunk 1.3</h4>...
                      >
                      > <h2>Section 2</h2>...
                      >
                      > <h3>Subsectio n 2.1</h3>...
                      > <h4>Chunk 2.1.1</h4>...
                      > <h4>Chunk 2.1.2</h4>...
                      > <h4>Chunk 2.1.3</h4>...[/color]

                      Ah! I understand what you mean now.

                      --
                      Brian (remove "invalid" from my address to email me)

                      Comment

                      • Wolfgang Wildeblood

                        #12
                        Re: My xhtml, your opinion

                        Mark Tranchant <mark@tranchant .plus.com> wrote:
                        [color=blue]
                        > You should mark up your huge blocks of links as lists, styled to remove
                        > the bullets if that's what you want. A bunch of <a>s separated with
                        > <br/>s is presentational markup. Suppose one day you decided you want to
                        > present your links horizontally instead?[/color]

                        br {display: none}

                        Comment

                        Working...