El convertirse para IE 7

27 de febrero de 2007

Por: Andrea Butterworth de BraveNet.com

¡Hey individuos! El mes pasado hablé un dígito binario sobre comentarios condicionales del IE y ahora voy a ampliar en ése un dígito binario más lejos como pueden ser muy útil. Los comentarios condicionales trabajan solamente en Internet Explorer en Windows y se pueden por lo tanto utilizar dan instrucciones especiales a los browsers del IE.

El decorado que describí a usted el mes pasado implicó el detectar de IE6 para servirle un diverso stylesheet que IE7 o Firefox o qué-tener-usted. Mientras que usted comienza a convertirse para IE7 usted puede ver cosas el trabajar igual que hacen en Firefox. No se engañe. Usted todavía necesita controlar ambos browsers como IE7 es una mejora pero no es completamente `fijado'. Además, la mayoría de los browsers - aparte del IE - utilizan selectores más avanzados del css. ¡Una cosa IE7 ha remediado es su problema que ponía el `en ejecución * HTML' y `! importante' en un stylesheet. (más en éstos y otros cortes IE6 aquí).

En primer lugar miremos cosas como si tenemos dos categorías: Browsers y todo del IE. Acabo de mover mis cortes IE6 en un stylesheet y una separados que lo llama cuando IE6 es browser de mis utilizadores'. Es importante instalar mis cortes como reemplaza. Porque la cascada del `de los stylesheets' en la orden ellos se llama, las reglas del stylesheet pasado cargado reemplazarán igual unos llamados previamente.

Llamo tan mi stylesheet bajo no importa qué es el browser. Este stylesheet es el que es válido y se aprovecha de los selectores CSS2. Después, usando el `condicional de los comentarios del `del IE asigno un stylesheet a IE6 y bajo que reemplace o fije los nuevos estilos para el IE solamente. Entonces, por supuesto, asigno un diverso stylsheet cuando es IE7 que hojea mi paginación. Afortunadamente, Microsoft ha hecho muchos de mejoras a su browser y este stylesheet debe ser muy corto.

Primero, miremos la estructura del comentario:
[lang= " php " del código] <>la materia<> [/code]
La parte entre el primer conjunto [] de s se llama el bloque condicional. En este ejemplo dice si el teniente del `' que significa el `menos que'. Tan si la versión del browser del IE es menos que la versión 7. Haga el `la materia'.

[lang= " php " del código] <>
< html="" lang="en">
< head="">
< title="">Comentarios condicionales<>
< link="" xhref="base_for_all.css" mce="">
<> < link="" xhref="ie_6_and_below.css" mce=""> <>
<>< link="" xhref="ie_7.css" mce=""> <>
<>- > < link="" xhref="not_ie.css" mce=""> <>
<>
< body="">
< p="">Prueba<>
<>
<>[/code]

En el ejemplo antedicho, base_for_all.css se aplica a todos los browsers, ie_6_and_below.css se aplica a todas las versiones del Internet Explorer debajo de IE 7, e ie_7.css se aplica a IE 7 solamente.

Receptor de papel usted ahora es todos los individuos de la disposición. Es desafortunado que tenemos que agregar margen de beneficio adicional a nuestro código bajo la forma de estas declaraciones condicionales, pero por lo menos degradará agraciado.

¿Ahora cómo sobre Firefox?

El Browser de Firefox ahora es el producto del buque insignia del proyecto abierto de la fuente de Mozilla, y es el querido de los reveladores del Web. Si no es el suyo, usted debe considerar el intentar de él hacia fuera. ¿Por qué? Mane que es sobre cuáles está este artículo.

Qué usted nos dicen saltan más allá de la historia de la organización, y cómo es desarrollada por una comunidad abierta de la fuente de reveladores y de probadores, y conseguir a algo de la materia fresca - las agregaciones.

Voy a mostrarle todo de mis agregaciones preferidas de Firefox. No puedo mostrarle todas las agregaciones hacia fuera allí porque hay millares, pero éstos unos hacen mi vida mucho más fácil:

#1 - Revelador del Web de Chris Pederick: ¡Esta cosa oscila! ¡Agrega un toolbar al browser que se carga con las características para ayudarle a convertirse para el Web! ¡Las cosas tienen gusto de contornear varios elementos del HTML en marcha, permitiendo y los estilos que invalidan, volviendo a clasificar según el tamaño la ventana de browser a los varios estándares, validando sus paginaciones, tiene construidas en la herramienta de la regla, opciones para las imágenes, formas, galletas - usted nombre él!
#2 - ColorZilla de Alex Sirota: La pequeña herramienta estupenda que se sienta remetió una pequeña esquina y cuando usted la hace clic encendido usted puede muestrear cualquier color en el Web page y copiarlo a su sujetapapeles. ¿Utilicé el azul derecho en esas conexiones?
#3 - MeasureIt de Kevin Freitas: ¡Ámelo! Esta cosa hace mi vida tanto más fácil. Permite que usted trace un rectángulo en la paginación y medirla es dimensiones. También encuentro esta herramienta inestimable para las cosas que se cercioran de me alineo correctamente.
#4 - Firebug de Joe Hewitt: ¿Éste? Sooo bueno. ¡Usted puede corregir, poner a punto, y vigilar el CSS, el HTML y el Javascript vivos en cualquier Web page!
#5 - Opinión del IE de Paul Roub: ¡Este discreto poco adicionado le deja cargar las paginaciones en el IE! ¡Perfeccione para la prueba cruzada del browser!
#6 - Validator del HTML de Marc Gueury: Este pequeño individuo pone un checkmark verde en el fondo de su browser si el documento valida. Si no lo hace, muestra alertas y errores con un tecleo de modo que usted pueda apresurarse apagado y fijarlos.
#7 afortunados - SeoQuake del equipo de SeoQuake: ¡Esta extensión le da una tonelada de información en su paginación incluyendo la graduación de la paginación de Google, graduación de Alexa, la densidad y el META de la palabra clave de la demostración marca con etiqueta, permite que usted vea backlinks y tanto más! Absolutamente una pequeña cosa práctica.

Ahora aquí está la gente flaca. Tengo TODOS LOS éstos instalado en mi browser. ¡Son tan bien hechos y discreto que usted incluso no notaría probablemente los tenía allí! ¡No retardan cualquier cosa abajo… que lo apresuran para arriba!

¡Y ése es porqué los reveladores aman Firefox, oh y porque tienen ayuda excelente del CSS, las medidas de seguridad, es estándares obedientes y y… lea más y descargúelos también!

Haga clic aquí para ver: Artículos del diseño del Web & Web que recibe los artículos & Artículos del Search Engine & Artículos de SEO &