473,499 Members | 1,948 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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:

http://michaelsremarks.com

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

Michael

Jul 20 '05 #1
11 1790
Michael Kalina wrote:

http://michaelsremarks.com


| <body style="background-
| 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="michaelsremarks-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="abschnitt">Kategorien</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ä
Jul 20 '05 #2
Lauri Raittila wrote:
Michael Kalina wrote:
http://michaelsremarks.com

http://michaelsremarks.com/index.php?id=134

| <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ä
Jul 20 '05 #3
Lauri Raittila <la***@raittila.cjb.net> wrote:
You skipped h2, dont do that. WAI guidelines has link to explanation.


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, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

aquapella /"a-kw&-'pe-l&/ adj. sung in the shower
Jul 20 '05 #4
Darin McGrew wrote:
Lauri Raittila <la***@raittila.cjb.net> wrote:
You skipped h2, dont do that. WAI guidelines has link to explanation.
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>?


Hm. I didn't remember it like that - maybe it was some automatic too that
tried to check for WAI, and offered links?...
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]


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ä
Jul 20 '05 #5
Darin McGrew wrote:
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


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)
http://www.tsmchughs.com/
Jul 20 '05 #6
Michael Kalina wrote:
Can the honoured readers of this newsgroup maybe help me with my
xhtml-skills.


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?

http://www.alistapart.com/articles/taminglists/

Looks great, though.

--
Mark.
Jul 20 '05 #7
Michael Kalina wrote:
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.stylesheets-group.
Thanks a lot for feedback, hints, tipps or criticism,


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
http://home.online.no/~ingerfaj/

Jul 20 '05 #8
Brian wrote:
Darin McGrew wrote:
My pet example ...

To me, it seems more structural to use H4 for all the "chunk" headings
You've lost me here.


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ä
Jul 20 '05 #9
I wrote:
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

Brian <us*****@julietremblay.com.invalid> wrote: You've lost me here. You want to use H3 for all the "chunk" headings,
No, I want to use H4 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?


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>Subsection 2.1</h3>...
<h4>Chunk 2.1.1</h4>...
<h4>Chunk 2.1.2</h4>...
<h4>Chunk 2.1.3</h4>...

<h3>Subsection 2.2</h3>...
<h4>Chunk 2.2.1</h4>...
<h4>Chunk 2.2.2</h4>...
<h4>Chunk 2.2.3</h4>...

<h3>Subsection 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, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/

"The handwriting on the wall may mean you need a notepad by the phone."
Jul 20 '05 #10
Darin McGrew wrote:
Brian wrote:
You've lost me here. You want to use H3 for all the "chunk"
headings
No, I want to use H4 for all the "chunk" headings.


I mistyped that. Sorry.
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>Subsection 2.1</h3>...
<h4>Chunk 2.1.1</h4>...
<h4>Chunk 2.1.2</h4>...
<h4>Chunk 2.1.3</h4>...


Ah! I understand what you mean now.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/
Jul 20 '05 #11
Mark Tranchant <ma**@tranchant.plus.com> wrote:
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?


br {display: none}
Jul 20 '05 #12

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

Similar topics

6
2152
by: Jonny | last post by:
How can you validate Javascript generated HTML for XHTML 1.0 strict compliance? To avoid the "<" and "&" problem, all inline scripts MUST be enclosed with either: <!-- script --> Looked down...
59
4682
by: Philipp Lenssen | last post by:
I've tested some of the new Nokia 6600 functionality. It ships with WAP2 and XHTML Support (it says). What it does is check the Doctype -- if it's not the XHTML Mobile Profile Doctype, but a...
21
4151
by: kaeli | last post by:
Hey all, Does anyone know if all the newer browsers support XHTML? My main target is IE6/NN6+(firefox/mozilla/etc), but I'd like to know if Safari, Opera, Konqueror, and other browsers also...
35
4580
by: The Bicycling Guitarist | last post by:
My web site has not been spidered by Googlebot since April 2003. The site in question is at www.TheBicyclingGuitarist.net/ I received much help from this NG and the stylesheets NG when updating the...
47
10242
by: Chuck | last post by:
Is there any logical reason why one should convert if css is already being used? What possible, immediate, benefit would there be? I am at a loss to see what, pragmatic, difference it would make.
82
5606
by: Buford Early | last post by:
I read this in http://annevankesteren.nl/2004/12/xhtml-notes "A common misconception is that XHTML 1.1 is the latest version of the XHTML series. And although it was released a bit more than a...
22
1889
by: Ted | last post by:
This page http://homepage.ntlworld.com/r.a.mccartney/test/utf-8_test_file_hacked_for_ie_with_local_dtd.xml doesn't work properly in Firefox or IE6. The faults are different. In Firefox the...
17
1971
by: Christoph Schneegans | last post by:
Hi! I would like to announce XHTML Proxy, a service that allows more accurate testing of XHTML documents. <http://hixie.ch/advocacy/xhtml> states that "Sending XHTML as text/html Considered...
21
4567
by: =?iso-8859-2?Q?K=F8i=B9tof_=AEelechovski?= | last post by:
It is common knowledge that XHTML is better HTML and you can serve XHTML content as HTML. However, the second statement is incorrect, for various reasons; it is enough to say that the HTML...
6
433
by: Guy Macon | last post by:
cwdjrxyz wrote: HTML 5 has solved the above probem. See the following web page: HTML 5, one vocabulary, two serializations http://www.w3.org/QA/2008/01/html5-is-html-and-xml.html
0
7134
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
7012
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
7180
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
7392
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
5479
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
4920
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
4605
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
3101
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
307
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

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.