Contao goes HTML5 & CSS3

**xtra** · 19.04.2011, 19:31

Zitat von kahlil

Hi,
2 Sachen:
dieser Artikel beschreibt ausführlich wie man HTML5 im IE einsetzen kann ohne JS zu verwenden. http://debeterevormgever.nl/en/artic...out-javascript

sehr interessanter Use case und die Idee mit dem separaten xmlns gefaellt mir sehr gut.
Wobei ich da dann auch zu XHTML5 tendieren wyrde.
@leo: du willst wirklich nicht doch lieber die XML kompatible XHTML5 Variante verwenden?
Die hat zwar leider den Nachteil (bzw. IMO Vorteil) dass man keine Seite zu Gesicht bekommt, wenn die XML Notation fehlerhaft ist, aber ist dafyr noch besser Maschinenlesbar.

Gruss
Chris

PS: Den namespace koennte man dennoch als "IE Hack" einbauen und somit das JS loswerden.

**backbone** · 19.04.2011, 20:56

was meinst du mit XML-Notation? Die (optionale) XML-Deklaration am Anfang (<?xml version="1.0" ... ?>) oder generell XML-Syntax (aka Wohlgeformtheit)?

**xtra** · 19.04.2011, 22:05

Die Wohlgeformtheit (valides XML) => XHTML5.

**backbone** · 20.04.2011, 00:23

Um das mal etwas individueller entscheiden zu können, hab ich einen kleinen Testcase zusammengebaut: http://learning.rostoff.de/xhtml5/
Bitte mal jeder der Zugang zu einem Browser hat, der noch nicht in den Results steht, alle Links durchklicken und schauen ob a) die section grün ist und b) der p bei hover blau wird.
Der optimale Standard wäre für mich:
http://learning.rostoff.de/xhtml5/in...&docType=false

Edit: Wenn jemand Lust hat, kann er gern mal ein bissl Reset-CSS oder so schreiben, um zu schauen, ob Quirksmode oder Standardmode aktiv ist.

Edit2: Ein Einstiegslink für IE: http://learning.rostoff.de/xhtml5/in...&docType=false

**xtra** · 20.04.2011, 12:20

FF 3.6.16

Funktional:

text/html <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html>
text/html <?xml version="1.0" encoding="UTF-8" ?>
text/html <!DOCTYPE html>
text/html

Alle anderen nicht.

**backbone** · 20.04.2011, 13:01

Ok, das verwundert mich jetzt etwas, egtl sollte im FF3.6 auch alles gehen -.-
Kannst du das Problem lokalisieren, warum application/xhtml+xml nicht funktioniert?
Hab auch nochma im FF4 getestet, da gehen auch alle text/html Docs, jedoch triggern die ohne doctype den quirksmode, wenn ich das richtig sehe

**backbone** · 20.04.2011, 14:01

Ok, ich hab das Ganze nochmal geupdated, da meine 0815 Browserdetection mist war und auch beim FF/Safari auf Win eine IE klasse mit reingehauen hat. (Verwende jetzt Browser.php aus der Erweiterung browserdetection.)

Auch wird jetzt das CSS manuell gesteuert (ob nur "section" oder "h5\:section" als Selektor genommen wird).

Wär nett wenn es einige (nochmals) durchtesten würden.

**kahlil** · 20.04.2011, 14:02

Zitat von backbone

Gegenbeispiel:
Wieviele der Internetuser sind blind? Sicher < 1% und trotzdem ist Contao für blinde Nutzer optimiert.

Ja. Ist aber ein schlechter Vergleich. Einem IE-User der ohne JS surft kann man einen netten Hinweis zeigen der darauf hinweist dass die Seite am besten mit JS funktioniert und er kann es dann einschalten wenn er möchte.

Barrierefreiheit hingegen kann nicht einfach eingeschaltet werden.

**backbone** · 20.04.2011, 14:12

Zitat von kahlil

... er kann es dann einschalten wenn er möchte.

Es ist halt so, dass jeder "einfach" JS einschalten kann, weil zum Beispiel irgendwelche Admins der Meinung sind, das es "gefährlich" ist... und grad diese Menge an Usern wird den Großteil derer ausmachen, die kein JS haben.

**MacPix** · 13.07.2011, 09:45

Also ich bin voll dafür das HTML 5 und CCS 3 eizug hält in contato.

Es würde mir vieles erleichtern beim Coden einer website. Ich denke da bei einfacheren sachen wie Radien, Schattierung usw. dass kann ich auch sofort anpassen und dem kunden zB einen grösseren Radius sofort zeigen, Ohne die Grafik (bild) erst editieren zu müssen.

Natürlich gibt es leute die noch ie6 oder weiss ich nicht was nutzt.
Aber ich denke in der heutigen Zeit ist man schnell up to date. Sowiso als Privater Nutzer. schwiriger wird es bei grossen Firmen, die nicht immer sofort up to date sind.

Ich finde HTML 5 & CSS3 coole sache.
man könnte ja den doctype html 5 auswählen können und dass css so händig anpassen mit radien und so weiter ..

LG
Marco