Del HTML al xHTML y al CSS

Share

|

Me enseñé originalmente que el HTML hace 4.0 algunos años, pero yo encontró difícil de hacer la transición a usar el xHTML con CSS (hojas de conexión en cascada del estilo). Sin embargo, debido a la participación con un Web site pequeño me forzaron tener sentido de él. En este artículo funcionaré con las implicaciones prácticas de cambiar entre los dos, en otras palabras qué usted necesitará hacer para hacer que su HTML trabaja con los stylesheets.

I.m que no va a pasar la historia del xHTML aquí, pero usted debe tomar la nota que hay mucho tags. se ha desaprobado que y debe ser evitado adentro al usar el xHTML.

La primera diferencia importante en xHTML viene en la forma de su sintaxis. ¡La lengua es caso sensible, así que no se escribe todo en minúsculas, no más de uso de casquillos! En segundo lugar, el tags., o los elementos a ser técnicos, ahora se clasifica en dos tipos: los que ' contenga ' los datos, y los que son ' vacian '. Un ejemplo de la fuerza anterior sea un elemento del párrafo, que tiene una etiqueta de cierre. El que está entre estas dos etiquetas es los ' datos contenidos '. Por ejemplo, una oración se entiende para ser datos. Un ejemplo de un Empty tag podría ser una línea rotura, y se escribe levemente diferentemente que en HTML 4.0, como sigue: < xmp><br /></xmp >. Otros tipos ' vacíos ' incluyen el elemento < xmp><img /></xmp > de la imagen y el elemento < xmp><hr /></xmp > de la regla horizontal. Aviso cómo hay un espacio y una delantero-raya vertical después del elemento.

Otro punto a considerar es que porque el xHTML se supone para ser compatible a través de los varios dispositivos, todas las imágenes deben tener medios alternativos del (which de las descripciones que usted tiene que hacer uso la característica del ' alt ' en elementos de la imagen, it.s no más de largo apenas una opción). Semejantemente, usted hará el uso extenso de la cualidad de la ' identificación ' en el xHTML (similar a la cualidad ' conocida ', pero utilizado diferentemente - vea abajo).

El cañizo más grande para me aprendía personalmente el sintaxis del CSS. Hay realmente tres maneras de usar el CSS, de el cual uno debe crear un documento separado con una extensión de los css. Este archivo contendrá todas las cualidades labradoras de los elementos en su código del xHTML. Usted puede también poner el CSS en el elemento del head., o usted puede encajarlo en un elemento dondequiera en su código (en ambos casos usted utilizaría el elemento del style.). Usar un archivo externo puede ser útil como cambios realizados a esta cascada de un documento a través de su Web site, por lo tanto eliminando la necesidad de cambiar el código en cada página. El sintaxis consiste en básicamente el ' selector ', que puede ser un selector de la ' identificación ', un selector de clase o un selector de clase genérico. Así pues, por ejemplo, he dado a elemento del img. la identificación "MyImg", después voy a mi css section/file y creo el selector # el MyImg {}. aquí soy donde viene el sintaxis pulg. # símbolo significa que he creado un selector de la identificación, así que qué sigue en las llaves se aplicará a todos los elementos con la identificación "MyImg". Un ejemplo pudo mirar algo como esto:

# MyImg {anchura: 200px; altura: 100px; 
frontera: 0px}

Note que utilizo dos puntos en lugar del igual de asignar valores. Si usted no puede hacer este sus estilos no serán aplicados. También, cada cualidad es seguida por un punto y coma que los separe. Si usted no sigue este sintaxis al usar el CSS el su labrar no vendrá en efecto. La cosa pasada que usted necesita saber para conseguir comenzado es cómo ligar su documento externo del CSS a su documento del xHTML. La jerarquía justa < ref="stylesheet" > elemento del acoplamiento href="mystyles.css un" en su < cabeza > y usted es lista ir. Hay un montón de nuevas maneras de realizar tareas tales como colocación en el CSS. ¡Tenga diversión el jugar alrededor con estas nuevas posibilidades!

Bruno Marchand está estudiando actualmente el desarrollo de la tela por horas, tan bien como una modalidad elogiosa holística de la salud llamada carrocería integrada. En su tiempo de repuesto él hace SEO para Africapic; él goza del fuego que baila y tiene una gran afinidad para los reptiles.