Web standards, semantiek, xhtml, etc.

[TangLeFuzZ]

Hey,

ik heb jaren lang gewerkt zonder me aan regels te houden. Ik denk dat met mij, vele anderen ook hun sites en html pagina's opbouwden door html te tikken, daarna te kijken of het op de plek stond waar het zou moeten staan, zoja; niet meer naar kijken en verder werken.

Hier ben ik een paar weken terug mee gestopt, en ik wil me nu zoveel mogelijk aan de standaarden houden en precies werken 'zoals het zou moeten'.

Veel regels en eisen om volgens XHTML 1/2 te werken zijn hier te vinden;

http://www.w3.org/TR/xhtml1/
http://www.w3.org/TR/xhtml2/

Verder zijn er erg, erg veel sites die het over dit onderwerp hebben te vinden via Google.

Op [url=]456bereastreet.com[/url] kwam ik een geinig lijstje tegen met de top 10 redenen om je aan de standaarden te houden:

1. Make yourself look professional

Other web developers and potential employers will be able to look at your work and know that you are a person who likes to keep up with changes in technology and make sure that your knowledge and skills are always current. It will make you look like a real web professional.

2. Make your clients look good

Use web standards combined with best practices for accessibility and give your clients a chance to talk about how they cater to all people, and how they find it important that everybody can use their services or find information about their products. You will also avoid the bad publicity that can be caused by shutting out visitors like disabled people, Mac users, and mobile phone users.

3. Maximise the number of potential visitors

You don’t know which device visitors will use to access your site. You may think you know, but unless you’re building an Intranet for a company that has a policy on which browsers may be used you really have no idea.

The only thing you can be reasonably sure of is that they are using something that can parse HTML. By using web standards properly you make sure that you have done your part in making your site work with the largest possible number of browsing devices.

4. Faster loading and reduced bandwidth usage

Well-structured markup that separates structure and content from presentation is generally much more compact than table-and-spacer-image-based tag soup. Documents will be smaller and faster for visitors to download. Like it or not, there are still many, many people connecting to the Internet through dialup.

If your site has a hosting plan with a limit on free bandwidth usage, smaller documents will reduce costs - provided traffic doesn’t increase.

5. Provide the foundation for accessibility

Using web standards does not guarantee that all aspects of your site will be accessible to people with disabilities, but it is a very good start. Make sure your documents are valid, well-structured, and semantic, and you’re well on the way towards having an accessible site.

6. Improve search engine rankings

Well-written content delivered through clean, well-structured, and semantic markup is delicious food for search engine spiders and will help your rankings. This, of course, will lead to increased traffic, which is what most website owners want.

7. Make your markup easier to maintain

Would you rather wade through many kilobytes of multiply nested tables and spacer images or just browse through a clean and well-structured document when you need to update your site?

Removing, inserting or editing presentation-free content is much easier and more efficient than having to make sure you get all the presentational cruft right. Using CSS to control layout also makes it much easier to make site-wide design changes.

8. Future-proof content

There is no way anyone can guarantee with 100% certainty that the documents created and stored electronically today will be readable in a hundred years. Or even fifty years. But if you separate content from presentation and use current web standards, you have done the best you can to ensure that your content can still be read even after you’re gone.

9. Good business sense

Why would any business owner say no to more visitors? A faster site? Improved search engine rankings? Potential good publicity? It doesn’t make sense to do so.

10. It’s the right way to do things

The web standards way is the way we should have built the web from the beginning. And now that we can, why not do something the right way and have a really excellent reason to feel good about yourself.

Het aan de standaarden houden is voor mij zoals ik al zei, nog wel vrij nieuw. Veel dingen zijn dus ook nog onduidelijk.
Door de grote hoeveelheid sites die er over dit onderwerp te vinden zijn is het een en ander me alleen nog niet 100% duidelijk. De ene site zegt dit, de ander dat... wat is nou waar?
Vandaar dat ik dit topic open, en hoop dat ik hier wat dingen kwijt kan de komende tijd die niet helemaal duidelijk zijn.

Sites waar alles echt duidelijk uitgelegd staat, vanaf de basics zeg maar, zijn ook erg welkom.

Iets wat mij bijvoorbeeld niet helemaal duidelijk is, zelfs niet na het lezen hierover op w3.org, is wanneer je nou een div element gebruikt en wanneer een p element.
Het verschil tussen die 2 is voor mij op dit moment nog niet helemaal duidelijk, ik gebruik overal divisions om onderdelen aan te geven die ik daarna stijl met css, en eigenlijk nooit paragraphs.
Kan iemand daar wat duidelijke uitleg over geven?

[Rowanov]

Daar heb ik een aantal links voor!
http://www.rikkertkoppes.com/thoughts/about-div
http://www.mozilla.org/contribute/writing/markup#structure

[Zoefff]

Als je de GoT-search ook eens hanteert, dan zal je merken dat er bijzonder veel discussies over bovenstaande onderwerpen zijn geweest (en nog steeds zijn). Keyword is 'semantiek', wat zoveel inhoud dat je het juiste element voor verschillende delen op je site. Een lap tekst (paragraaf) stop je bijvoorbeeld in een p, omdat dat element daar voor bedoeld is. Een lijst (menu, opsomming, etc) stop je in een ul, omdat dat element daar voor bedoeld is. Enzovoort

Een goede tekst over semantiek is http://home.parse.nl/~michiel/semantiek.html .

[JHS]

Sites waar alles echt duidelijk uitgelegd staat, vanaf de basics zeg maar, zijn ook erg welkom.

De volgende linkjes kan ik je iniedergeval aanbevelen:

• http://home.parse.nl/~michiel/semantiek.html
• http://www.rikkertkoppes.com/thoughts/smurf-language
• http://www.w3.org/TR/CSS21/
• http://www.w3.org/TR/html401/

Iets wat mij bijvoorbeeld niet helemaal duidelijk is, zelfs niet na het lezen hierover op w3.org, is wanneer je nou een div element gebruikt en wanneer een p element.

Het verschil tussen div en p is dat een div 'sementiekloos' is, het heeft geen betekenis, in tegenstelling tot p, wat de browser/computer/ons verteld dat hetgene ertussen een paragraph (alinea in het nederlands) is. Zie ook het de link over smurf language hierboven .

Overigens over het gebruik van XHTML versus HTML:

• http://hixie.ch/advocacy/xhtml
• http://annevankesteren.nl/2004/08/xhtml

[ Voor 5% gewijzigd door JHS op 19-02-2006 12:48 ]

[crisp]

JHS schreef op zondag 19 februari 2006 @ 12:38:
[...]
Overigens over het gebruik van XHTML versus HTML:

• http://hixie.ch/advocacy/xhtml
• http://annevankesteren.nl/2004/08/xhtml

Ik wou net vragen waarom er bij semantiek altijd meteen weer aan XHTML gedacht wordt

[Zoefff]

crisp schreef op zondag 19 februari 2006 @ 12:41:
[...]

Ik wou net vragen waarom er bij semantiek altijd meteen weer aan XHTML gedacht wordt

Semantiek is 'nieuw', XHTML is nieuw, => ratel ratel ratel => XHTML hoort bij semantiek!

[XangadiX]

Hier heb ik al een topic over: Semantische HTML, CSS en jij

even zoeken voor de volgende keer als je een thema topic begint.