Wissenswertes für Webdesigner beim Gestalten und Optimieren einer Website

  1. Zum Inhalt springen
Monika  &  Klaus

www.klamonfra.de

English

Wissenswertes bei der Optimierung für Webdesigner beim Gestalten einer Website

Optimierung

10Apr2012

Anker definieren


Innerhalb einer Webseite werden Anker in der HTML (HyperText Markup Language)-Seite platziert und, um einen Sprung an solch eine Ankerstelle zu veranlassen, Verweise zu solchen Ankern wie folgt geschrieben:

<a href="#ankername"> Verweis <a>

Der zugehörige Anker sieht dabei wie folgt aus:

<a name="ankername">...</a>

Unsere Seiten waren in XHTML (eXtensible HyperText Markup Language) geschrieben, und da benötigt man im Anker noch zusätzlich das Universalattribut "id" als eindeutige Bezeichnung. Aus diesem Grund sahen unsere Anker bisher wie folgt aus:

<a id="ankername" name="ankername" class="titel">...</a>

Mit dem "class"-Element wurde noch zusätzlich per CSS (Cascading Style Sheet) dafür gesorgt, dass kein Unterstrich beim fokussieren eines Ankers entsteht.

Diese Schreibweise war notwendig damit ältere Browser, wie zum Beispiel der Netscape, diese Anker anspringen können. Ältere Browser führen den Verweis nach HTML (HyperText Markup Language) Logik aus und benötigen dafür das "name"-Attribut, während die neueren Browser für eine eindeutige Bezeichnung, das "id"-Attribut, benötigen.

Mittlerweile kann man aber davon ausgehen, dass die älteren Browser kaum noch benutzt werden. Und das hat uns veranlasst, uns von dem zusätzlichen Code auf unseren Seiten zu verabschieden. Außerdem darf in XHTML 1.1 (eXtensible HyperText Markup Language) das "name"-Attribut sowieso nicht mehr verwendet werden.

Damit würde ein Anker wie folgt aussehen:

<a id="ankername" class="titel">...</a>

Aber das "id"-Attribut hat noch den großen Vorteil, dass es vorhandenen Elementen, zum Beispiel Überschriften, zugewiesen werden kann. Und damit konnte auch das "class"-Element für das nicht Unterstreichen beim Fokussieren eines Ankers entfallen:

<h3 id="ankername">Überschrift</h3>

Das sieht schon wesentlich übersichtlicher aus.


24Aug2008

Mit welchen Tools haben wir unsere Webseiten getestet?


Um unsere Webseiten nach möglichst vielen Kriterien zu testen, haben wir diese mit verschiedenen Tools überprüft, von denen wir hier die wichtigsten auflisten.

HTML (HyperText Markup Language) und XHTML (eXtensible HyperText Markup Language)

CSS (Cascading Style Sheet)

RSS (Really Simple Syndication)-Feed

P3P (Privacy Preferences Project)

Accessibility (Zugänglichkeit)

Tools die mehrere Tests beinhalten


18Mai2011

Alles für eine gute Homepage.


Diese Webseiten und Programme haben uns bei der Erstellung unserer Website geholfen.

Zum Seitenanfang springen