SlideShare ist ein Scribd-Unternehmen logo
XHTML für die Bibliotheksarbeit 2006 Diese Datei ist unter einer Creative Commons Lizenz veröffentlicht.  Die Details finden Sie hier:  http://creativecommons.org/licenses/by-nc-nd/3.0/de/ Sollten Sie Fragen zu dieser Lizenz oder zur korrekten Verwendung des Dokuments haben, senden Sie bitte eine E-Mail an kontakt@edaktik.de
XHTML für die Bibliotheksarbeit: Vorteile von XHTML ,[object Object]
Schlankerer Code = Kürzere Ladezeiten
Mehr Inhalt = Suchmaschinenoptimierung
Logische Struktur = Barrierefreiheit einfacher realisierbar
Flexibler Code = Optimierung für verschiedene Ausgabegeräte
XML = Zukunft des Dokumentenaustauschs (MathML, SVG, XForms etc.)
XHTML für die Bibliotheksarbeit: Nachteile von XHTML ,[object Object]
Es gibt immer wieder Schwierigkeiten mit dem Internet Explorer 6.x (falsche Code-Interpretation, xml-Deklaration, Quirksmode usw.)
Manche nützliche Methoden aus HTML entfallen (z.B. document.write(), a target)
XHTML für die Bibliotheksarbeit: Regeln für HTML und XHTML, 1 ,[object Object]
Jedes Steuerzeichen muss geschlossen werden. <h1>Überschrift 1. Ordnung </h1> <p>Textabschnitt</p>
Tags können verschachtelt werden. Beim Beenden der Steuerzeichen müssen die Tags exakt gespiegelt werden! <p><em>Überschrift 4. Ordnung, kursiv</em></p> Folgende Regeln zur Verschachtelung gelten für XHTML: ,[object Object]
pre-Elemente dürfen keine Elemente img, object, big, small, sub oder sup enthalten
button-Elemente dürfen keine Elemente input, select, textarea, label, button, form, fieldset, iframe oder isindex enthalten

Weitere ähnliche Inhalte

Andere mochten auch

13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
Secretaría de Educación Pública
 
Entrevista a profundidad doc
Entrevista a profundidad docEntrevista a profundidad doc
Entrevista a profundidad doc
nAyblancO
 
Proyecto educativo institucional 2012
Proyecto educativo institucional 2012Proyecto educativo institucional 2012
Proyecto educativo institucional 2012
vicente fierro
 
Clasificación de instituciones de salud
Clasificación de instituciones de saludClasificación de instituciones de salud
Clasificación de instituciones de salud
Mayte Mtz
 
Administracion Empresarial 122116
Administracion Empresarial 122116Administracion Empresarial 122116
Administracion Empresarial 122116
guest168dfd6
 
Auditoria de ventas trabajo final
Auditoria de ventas trabajo finalAuditoria de ventas trabajo final
Auditoria de ventas trabajo final
Daianna Reyes
 
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
Kelvin Hoogeboom
 

Andere mochten auch (20)

13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
13070647 metodologia-de-la-investigacion-cualitativa-caps-1-y-2-120901204048-...
 
Comic objetivos del milenio (AECIi)
Comic objetivos del milenio (AECIi)Comic objetivos del milenio (AECIi)
Comic objetivos del milenio (AECIi)
 
Entrevista a profundidad doc
Entrevista a profundidad docEntrevista a profundidad doc
Entrevista a profundidad doc
 
Proyecto educativo institucional 2012
Proyecto educativo institucional 2012Proyecto educativo institucional 2012
Proyecto educativo institucional 2012
 
Liderazgo
LiderazgoLiderazgo
Liderazgo
 
Clasificación de instituciones de salud
Clasificación de instituciones de saludClasificación de instituciones de salud
Clasificación de instituciones de salud
 
Hipótesis
HipótesisHipótesis
Hipótesis
 
5 gpmcb-etp1
5 gpmcb-etp15 gpmcb-etp1
5 gpmcb-etp1
 
Administracion Empresarial 122116
Administracion Empresarial 122116Administracion Empresarial 122116
Administracion Empresarial 122116
 
Innovando en clase
Innovando en claseInnovando en clase
Innovando en clase
 
Herramientas para la BIBLIOTECA escolar II - La biblioteca como espacio peda...
Herramientas para la BIBLIOTECA escolar II - La biblioteca como espacio peda...Herramientas para la BIBLIOTECA escolar II - La biblioteca como espacio peda...
Herramientas para la BIBLIOTECA escolar II - La biblioteca como espacio peda...
 
Auditoria de ventas trabajo final
Auditoria de ventas trabajo finalAuditoria de ventas trabajo final
Auditoria de ventas trabajo final
 
La importancia de la vinculación para el desarrollo de la infraestructura de ...
La importancia de la vinculación para el desarrollo de la infraestructura de ...La importancia de la vinculación para el desarrollo de la infraestructura de ...
La importancia de la vinculación para el desarrollo de la infraestructura de ...
 
01 marco conceptual y procesos
01 marco conceptual y procesos01 marco conceptual y procesos
01 marco conceptual y procesos
 
Geld verdienen met Facebook
Geld verdienen met FacebookGeld verdienen met Facebook
Geld verdienen met Facebook
 
5a marco conceptual del asis local
5a marco conceptual del asis local5a marco conceptual del asis local
5a marco conceptual del asis local
 
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
Hoe veilig is het werken in een verontreinigde bodem(compleet)_K.Hoogeboom_16...
 
Gerencia Estrategica
Gerencia EstrategicaGerencia Estrategica
Gerencia Estrategica
 
Particiapción ciudadana en el control de la gestión pública en vzla
Particiapción ciudadana en el control de la gestión pública en vzlaParticiapción ciudadana en el control de la gestión pública en vzla
Particiapción ciudadana en el control de la gestión pública en vzla
 
Continual Service Improvement: A Journey To Service Excellence - David Wright
Continual Service Improvement: A Journey To Service Excellence - David WrightContinual Service Improvement: A Journey To Service Excellence - David Wright
Continual Service Improvement: A Journey To Service Excellence - David Wright
 

Ähnlich wie Xhtml Coding (nicht nur für Bibliotheken)

Die JSTL Tag-Library
Die JSTL Tag-LibraryDie JSTL Tag-Library
Die JSTL Tag-Library
tutego
 
Anforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScriptAnforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScript
Christian Baranowski
 

Ähnlich wie Xhtml Coding (nicht nur für Bibliotheken) (20)

Die JSTL Tag-Library
Die JSTL Tag-LibraryDie JSTL Tag-Library
Die JSTL Tag-Library
 
Hello World // MM 08-11
Hello World // MM 08-11Hello World // MM 08-11
Hello World // MM 08-11
 
Websemantik: Die nächsten Schritte
Websemantik: Die nächsten SchritteWebsemantik: Die nächsten Schritte
Websemantik: Die nächsten Schritte
 
Scala XML
Scala XMLScala XML
Scala XML
 
Atom Publishing Protocol
Atom Publishing ProtocolAtom Publishing Protocol
Atom Publishing Protocol
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
ARIA
ARIAARIA
ARIA
 
Workshop Rss 2010
Workshop Rss 2010Workshop Rss 2010
Workshop Rss 2010
 
Anforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScriptAnforderungsanalsyse - Prototyping mit JavaScript
Anforderungsanalsyse - Prototyping mit JavaScript
 
Leichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und GroovyLeichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
Leichtgewichtige Architekturen mit Spring, JPA, Maven und Groovy
 
Grundlagen des World Wide Web
Grundlagen des World Wide WebGrundlagen des World Wide Web
Grundlagen des World Wide Web
 
Top 10 Internet Trends 2003
Top 10 Internet Trends 2003Top 10 Internet Trends 2003
Top 10 Internet Trends 2003
 
Datenformate und Standards
Datenformate und StandardsDatenformate und Standards
Datenformate und Standards
 
Test
TestTest
Test
 
Wicket Kurzübersicht
Wicket KurzübersichtWicket Kurzübersicht
Wicket Kurzübersicht
 
XHTML
XHTMLXHTML
XHTML
 
Entwickeln mit Wordpress
Entwickeln mit WordpressEntwickeln mit Wordpress
Entwickeln mit Wordpress
 
Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10Einführung XHTML CSS JS // IT 07-10
Einführung XHTML CSS JS // IT 07-10
 
PHP, AJAX und XUL im Intranet
PHP, AJAX und XUL im IntranetPHP, AJAX und XUL im Intranet
PHP, AJAX und XUL im Intranet
 
3 - Sprachen Des Semantic Web - RDF
3 - Sprachen Des Semantic Web - RDF3 - Sprachen Des Semantic Web - RDF
3 - Sprachen Des Semantic Web - RDF
 

Mehr von Luka Peters

Mehr von Luka Peters (8)

Blended Learning an der Berufsfachschule
Blended Learning an der BerufsfachschuleBlended Learning an der Berufsfachschule
Blended Learning an der Berufsfachschule
 
Imagefilme für Kunst- und Museumsbibliotheken
Imagefilme für Kunst- und MuseumsbibliothekenImagefilme für Kunst- und Museumsbibliotheken
Imagefilme für Kunst- und Museumsbibliotheken
 
Vorstellung der Initiative 1010
Vorstellung der Initiative 1010Vorstellung der Initiative 1010
Vorstellung der Initiative 1010
 
Podcasts und Videocasts fuer Bibliotheken
Podcasts und Videocasts fuer BibliothekenPodcasts und Videocasts fuer Bibliotheken
Podcasts und Videocasts fuer Bibliotheken
 
Praesentation Open Access
Praesentation Open AccessPraesentation Open Access
Praesentation Open Access
 
Opensource fuer Bibliotheken
Opensource fuer BibliothekenOpensource fuer Bibliotheken
Opensource fuer Bibliotheken
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies Webdesign
 
Informationstransfer via Websites
Informationstransfer via WebsitesInformationstransfer via Websites
Informationstransfer via Websites
 

Xhtml Coding (nicht nur für Bibliotheken)

  • 1. XHTML für die Bibliotheksarbeit 2006 Diese Datei ist unter einer Creative Commons Lizenz veröffentlicht. Die Details finden Sie hier: http://creativecommons.org/licenses/by-nc-nd/3.0/de/ Sollten Sie Fragen zu dieser Lizenz oder zur korrekten Verwendung des Dokuments haben, senden Sie bitte eine E-Mail an kontakt@edaktik.de
  • 2.
  • 3. Schlankerer Code = Kürzere Ladezeiten
  • 4. Mehr Inhalt = Suchmaschinenoptimierung
  • 5. Logische Struktur = Barrierefreiheit einfacher realisierbar
  • 6. Flexibler Code = Optimierung für verschiedene Ausgabegeräte
  • 7. XML = Zukunft des Dokumentenaustauschs (MathML, SVG, XForms etc.)
  • 8.
  • 9. Es gibt immer wieder Schwierigkeiten mit dem Internet Explorer 6.x (falsche Code-Interpretation, xml-Deklaration, Quirksmode usw.)
  • 10. Manche nützliche Methoden aus HTML entfallen (z.B. document.write(), a target)
  • 11.
  • 12. Jedes Steuerzeichen muss geschlossen werden. <h1>Überschrift 1. Ordnung </h1> <p>Textabschnitt</p>
  • 13.
  • 14. pre-Elemente dürfen keine Elemente img, object, big, small, sub oder sup enthalten
  • 15. button-Elemente dürfen keine Elemente input, select, textarea, label, button, form, fieldset, iframe oder isindex enthalten
  • 16. label-Elemente dürfen keine weiteren label-Elemente enthalten
  • 17. form-Elemente dürfen keine weiteren form-Elemente enthalten
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Andere Angaben in der Doctype-Definition sowie im <html>-Tag als für HTML-Dateien.
  • 23. Attribute bekommen immer einen Wert zugewiesen. In HTML war dies möglich: <hr noshade> In XHTML muß das so aussehen: <hr noshade=&quot;noshade&quot; />
  • 24. Alle Tags müssen kleingeschrieben werden!
  • 25.
  • 26. In XHTML muss jedes Element semantisch markiert sein: HTML 4.01: <body>Text steht hier direkt im Body-Bereich.</body> XHTML 1.0: <body><p>Text steht in einem „paragraph“-Container.</p></body> <body><span>Hier steht der Text in einem „span“-Container.</span></body> <body><h1>Überschriften...</h1><p>...werden wie bisher markiert.</p></body>
  • 27. Jedes Tag muss geschlossen werden. HTML 4.01: <img xsrc=&quot;bild.jpg&quot; mce_src=&quot;bild.jpg&quot; alt=&quot;ein foto&quot;> XHTML 1.0: <img xsrc=&quot;bild.jpg&quot; mce_src=&quot;bild.jpg&quot; alt=&quot;ein foto&quot; /> (Weitere Steuerzeichen s. vorherige Seite.)
  • 28. Tags müssen KLEIN geschrieben werden. HTML 4.01: <h2>Überschrift</H2> XHTML 1.0: <h2>Überschrift</h2> XHTML ist eine Vorstufe zu XML. Damit Webseiten später in XML übertragbar sind, muss das XHTML wohlgeformt sein. Das bedeutet:
  • 29.
  • 30. Bestimmte Attribute sind nun Pflichtattribute, müssen also immer angegeben werden. Das gilt z.B. für folgendes Tag und sein Attribut (tag / attribut): img / alt: <img alt=“Beschreibung des Bildinhalts“ /> table / summary: <table summary=“Beschreibung des Tabelleninhalts“> style / type: <style type=“text/css“> script / type: <script type=“text/javascript“> a / title: <a href=“source.html“ title=“Beschreibender Text“> (Fortsetzung)
  • 31.
  • 32. XHTML 1.0 Transitional + URI <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
  • 33. XHTML 1.0 Frameset + URI <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Frameset//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd&quot;> XHTML erfordert andere Dokumententypdefinitionen als HTML:
  • 34. XHTML für die Bibliotheksarbeit: Grundgerüst einer XHTML-Datei <?xml version=&quot;1.0&quot; ?> <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;de&quot; xml:lang=&quot;de&quot;> <head> <title></title> </head> <body> <h1>Dies ist eine Überschrift erster Ordnung</h1> <p>Hier steht Text in einem „paragraph“, also einem Textabsatz.</p> </body> </html>
  • 35. XHTML für die Bibliotheksarbeit: Integration von Skripten HTML 4.01: <script type=&quot;text/javascript&quot;> <!-- Javascriptcode... //--> </script> XHTML 1.0: <script type=&quot;text/javascript&quot;> <!-- <![CDATA[ Javascriptcode... ]]> //--> </script>
  • 36.
  • 39. Mehr Möglichkeiten als mit HTML-Formatierungszeichen
  • 41. Nicht von allen Browsern interpretierbar (ältere Agenten)
  • 42. Interpretationsfehler verschiedener Browser (IE 5.x, IE 6, iCab, NN4, Opera mobile u.a.)
  • 43.
  • 44. Im Dateikopf: <style type=&quot;text/css&quot;> <!-- /* p {color:#ff3366;background-color:#777; font-weight:bold;} */ --> </style>
  • 45.
  • 46.
  • 47. CSS-Syntax: <!-- @import url(mainstyles.css) screen; --> </style> (Fortsetzung)
  • 48.
  • 49. Metatag content-type: HTML: <meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=ISO-8859-1&quot; /> XHTML: <meta http-equiv=&quot;Content-Type&quot; content=&quot;application/xhtml+xml; charset=iso-8859-1&quot; />