Het ontwikkelen zich voor D.W.Z. 7

27 februari, 2007

Door: Andrea Butterworth van BraveNet.com

De kerels van Hey! Vorige maand sprak ik een bit over D.W.Z. voorwaardelijke commentaren en nu ga ik over dat een bit verder uitweiden aangezien zij zeer nuttig kunnen zijn. De voorwaardelijke commentaren werken slechts in Internet Explorer aan Vensters en kunnen daarom worden gebruikt om te geven speciale instructies aan D.W.Z. browsers.

Het scenario dat ik aan u beschreef die vorige maand in kwestie IE6 ontdekken om het te dienen een verschillende stylesheet dan IE7 of Firefox of wat-hebben-u. Aangezien u begint ontwikkelend voor IE7 u kunt dingen zien werkend het zelfde als zij in Firefox doen. Ben niet fooled. U moet nog beide browsers controleren aangezien IE7 is een verbetering maar is volledig geen `fixed'. Bovendien meeste steunen browsers - ongeacht D.W.Z. - meer gevorderde css selecteurs. Één ding IE7 heeft is hun probleem uitvoerend `* html en `verholpen! important in een stylesheet. (meer op deze en andere IE6 houweren hier).

Ten eerste bekijken dingen alsof wij twee categorieën hebben: D.W.Z. browsers en al het andere. Ik heb net mijn IE6 houweren in een afzonderlijke stylesheet bewogen en het geroepen wanneer IE6 browser van mijn gebruikers is. Het is belangrijk voor opstelling mijn houweren zoals met voeten treedt. Omdat stylesheets `cascade in de orde zij worden geroepen, zullen de regels van laatste geladen stylesheet de zelfde eerder geroepen met voeten treden.

Zo roep ik mijn basis stylesheet geen kwestie wat browser is. Dit stylesheet is die geldig is en uit de CSS2 selecteurs voordeel haalt. Daarna, gebruikend D.W.Z. `voorwaardelijke commentaren `wijs ik een stylesheet aan IE6 toe en verminder die met voeten treedt of nieuwe stijlen voor D.W.Z. slechts plaatst. Dan, natuurlijk, wijs ik een verschillende stylsheet toe wanneer het IE7 doorbladerend mijn pagina is. Gelukkig, heeft Microsoft heel wat verbeteringen aan hun browser gemaakt en dit stylesheet zou zeer kort moeten zijn.

Eerst, bekijken de commentaarstructuur:
[code lang= " php "] <>het materiaal<> [/code]
Het deel tussen de eerste reeks van [] wordt s genoemd het voorwaardelijke blok. In dit voorbeeld zegt het als `lt wat `less than'. betekent. Zo als D.W.Z. browser de versie minder dan versie 7 is. Doe `stuff'.

[code lang= " php "] <>
< html="" lang="en">
< head="">
< title="">Voorwaardelijke Commentaren<>
< 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="">Test<>
<>
<>[/code]

In het bovengenoemde voorbeeld, is base_for_all.css op alle browsers van toepassing, is ie_6_and_below.css hieronder op alle versies van Internet Explorer van toepassing D.W.Z. zijn 7, en ie_7.css D.W.Z. 7 slechts van toepassing.

Goed bent u alle opstellings nu kerels. Het is ongelukkig dat wij extra prijsverhoging aan onze code in de vorm van deze voorwaardelijke verklaringen moeten toevoegen, maar minstens zal het elegant degraderen.

Hoe nu over Firefox?

Browser Firefox is nu het vlaggeschipproduct van het Mozilla open bronproject, en is de schat van Webontwikkelaars. Als het geen van u is, zou u moeten nadenken uitproberend het. Waarom? Goed is dat wat dit artikel over is.

Wat u wij zeggen sla voorbij de geschiedenis van de organisatie over, en hoe het door een open brongemeenschap van ontwikkelaars en meetapparaten wordt ontwikkeld, en krijg aan enkele koel materiaal - voeg -toe:voegen-ons toe.

Ik ga u elk van mijn favoriete Firefox tonen toevoeg -toe:voegen-ons. Ik kan niet alle u tonen toevoeg -toe:voegen-ons daar omdat er duizenden zijn, maar deze degenen maken mijn leven een gemakkelijker:

#1 - de Ontwikkelaar van het Web door Chris Pederick: Dit ding schommelt! Het voegt een toolbar aan browser toe die met eigenschappen wordt geladen om u te helpen zich voor het Web ontwikkelen! De dingen als het schetsen van diverse stijlen tijdens de vlucht, machtigings en onbruikbaar makende van HTMLelementen, die het browser venster resizing volgens diverse normen, die uw pagina's bevestigen, het heeft gebouwd in heersershulpmiddel, opties voor beelden, vormen, koekjes - u noemt het!
#2 - ColorZilla door Alex Sirota: Super kan weinig hulpmiddel dat geplooid in een kleine hoek zit en wanneer u op het klikt u om het even welke kleur op de Web-pagina bemonsteren en het kopiëren aan uw klembord. Gebruikte ik het juiste blauw op die links?
#3 - MeasureIt door Kevin Freitas: Liefde het! Dit ding maakt mijn leven gemakkelijker zo veel. Het staat u toe om een vakje te trekken op de pagina en te meten het is afmetingen. Ik vind ook dit hulpmiddel onschatbaar voor het ervoor zorgen dingen behoorlijk wordt gericht.
#4 - Firebug door Joe Hewitt: Dit? Het goed van Sooo. U kunt uitgeven, zuiveren, en controleert CSS, HTML en Javascript levend op om het even welke webpage!
#5 - D.W.Z. Mening door Paul Roub: Dit onopvallend rand weinig laat u pagina's in laden D.W.Z.! Perfectioneer voor dwarsbrowser het testen!
#6 - HTML Validator door Marc Gueury: Deze kleine kerel zet een groen controleteken bij de bodem van uw browser als het document bevestigt. Als het niet, toont het waarschuwingen en fouten met een klik zodat u hen weg verhaasten en kunt bevestigen.
Gelukkige #7 - SeoQuake door het Team SeoQuake: Deze uitbreiding geeft u een ton informatie over uw pagina met inbegrip van pagina Google die, het rangschikken Alexa, tonend sleutelwoorddichtheid rangschikt en de markeringen META, het staat u om te zien backlinks en zo veel meer toe! Vrij een handig klein ding.

Nu hier is de magere mensen. Ik heb Elk van deze geïnstalleerda op mijn browser. Zij zijn zo goed uitgevoerd en onopvallend geen die u waarschijnlijk zelfs opmerken ik hen daar had! Zij vertragen om het even wat niet… zij versnellen het neer!

En dat is waarom de ontwikkelaars van Firefox, oh houden en omdat zij uitstekende CSS steun hebben, de veiligheidsmaatregelen, volgzame normen zijn en en… meer lees en het ook download!

Klik hier aan mening: De Artikelen van het Ontwerp van het Web & De Ontvangende Artikelen van het Web & De Artikelen van de Motor van het onderzoek & Seo- Artikelen &