473,624 Members | 2,408 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.style sheets-group.
Thanks a lot for feedback, hints, tipps or criticism,

Michael

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

http://michaelsremarks.com


| <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ä
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****@stanford alumni.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.style sheets-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*****@juliet remblay.com.inv alid> 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>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, mc****@stanford alumni.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

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

Similar topics

6
2167
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 upon at the w3 site. //<!]> Recommended. Or put into an external js file. However, when using any of these methods, you can use any none XHTML
59
4748
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 XHTML1.0 Strict one, the media-handheld CSS is _ignored_. Only with the Nokia Doctype, the CSS is used. I find this really annoying as it goes against the whole idea of media-independent XHTML Strict along with stylesheets. On the good side, WML...
21
4178
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 support it. Anyone know of any major compatibility problems with XHTML? How do older browsers, such as Netscape 4, react to the doctype? TIA
35
4605
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 code before then. My host's tech guy just sent me the following. Isn't it okay to specify UTF-8 as the charset in the HTTP headers at the server level? Isn't it okay to have validated XHTML 1.0 strict code? ...
47
10297
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
5669
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 year later then the first version of XHTML 1.0, the second edition is actually newer. Furthermore, XHTML 1.1 is not really the follow-up of XHTML 1.0" I thought that XHTML 1.1 was the follow-up to XHTML 1.0 and that XHTML 2.0 will someday be the...
22
1910
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 TestText entity is not recognised. In IE6, the <br /> tag doesn't cause a line break. Can anyone tell me what I'm doing wrong?
17
1995
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 Harmful" since "authors write XHTML that makes assumptions that are only valid for tag soup or HTML4 UAs" and might find that the "site breaks horribly" when they decide to "send the same content as application/xhtml+xml".
21
4600
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 validator does not tolerate XML-style empty tags. It seems serving XHTML to the browser is of no advantage and can cause serious problems if the browser does not understand the difference. This raises the question of downgrading XHTML to HTML. I could...
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
8240
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8175
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8625
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8482
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7168
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6111
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4177
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1791
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1487
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 can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.