Diferencias entre HTML y XHTML

Diferencias entre HTML y XHTML [editar]

La siguiente lista muestra algunas reglas de XHTML 1.0 que lo diferencian de HTML 4.01. Muchas de estas diferencias vienen con el cambio de ser una aplicación SGML a ser una aplicación del más estricto XML:

  • Los elementos vacíos deben cerrarse siempre:
    • Incorrecto: <"br">
    • Correcto: <"br"> o <"br" /> o <"br" />
      Nota: Cualquiera de las tres formas es válida en XHTML. Se recomienda el cierre <"br" /> por razones de compatibilidad.
  • Los elementos no vacíos también deben cerrarse siempre:
    • Incorrecto: <"p">Primer párrafo<"p">Segundo párrafo
    • Correcto: <"p">Primer párrafo<"p">Segundo párrafo
  • Los elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre último, debe cerrarse primero).
    • Incorrecto: <"em"><"strong">Texto
    • Correcto: <"em"><"strong">Texto
  • Se debe siempre especificar un texto alternativo para imágenes (atributo “alt” para la etiqueta “img”).
    • Incorrecto: < " img" src="http://upload.wikimedia.org/wikipedia/es/b/bc/Wiki.png" / >
    • Correcto: <"img src="http://upload.wikimedia.org/wikipedia/es/b/bc/Wiki.png" alt="Logo: Wikipedia, la enciclopedia libre" / >
  • Los valores de los atributos deben siempre ir encerrados entre comillas (simples o dobles).
    • Incorrecto: <"td rowspan=3">
    • Correcto: <"td rowspan="3">
    • Correcto: <"td rowspan='3'">
    • El símbolo & (ampersand) debe ser usado únicamente como parte de una entidad.
      • Incorrecto: Cars & houses
      • Correcto: Cars & houses
      • Incorrecto: <"a" src="http://www.domname.com/index.php?id=1&cat;=2">Category 2<"/ A" !>
      • Correcto: <"a" src="http://www.domname.com/index.php?id=1&cat;=2">Category 2< "/a" !>
    • Los nombres de elementos y atributos deben ir en minúsculas.
      • Incorrecto: <"A" HREF="http://www.domname.com">Domname
      • Correcto: <"a" href="http://www.domname.com">Domname
    • No está permitida la minimización de atributos (se usa el nombre del atributo como valor).
      • Incorrecto: <"textarea readonly">Solo-lectura
      • Correcto: <"textarea" readonly="readonly">Solo-lectura
    • Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.
      • Incorrecto: <"font" color="#0000FF">Blue text
      • Correcto: <"span" style="color: #0000FF;">Blue text

Reglas para DTDs estrictos

  • El texto no debe ser insertado directamente en el cuerpo (dentro de la etiqueta “body”).
    • Incorrecto: <"body">Texto plano
    • Correcto: <"body"><"span">Texto plano
  • Insertar elementos de línea dentro de elementos de bloque.
    • Incorrecto: <"em"><"h2">Título
    • Correcto: <"h2"><"em">Título

>>>> tuve q ponerle “” a los tags para q blogger no me lo tome como html, espero q se comprenda sino mirenlo en wikipedia

http://www.librosweb.es/xhtml/index.html

About The Author

Diseñadora grafica / Desarrolladora web / wordpress themes y mas

No Comments