Ilmaista sitä

Oli lukenut tämä jollain blogissa ... mielestä se oli kiva luetteloida tätä tulevien ref .... voi myös olla tärkeä haastattelussa kysymykseen, että sinulla olisi pyytänyt joskus ....

Kirjoita pätkä CSS näkyy kappaleen sinisellä vanhemmilla selaimilla, punainen uudemmissa selaimissa, vihreä IE6 ja musta IE7

#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}

Oli tämä outo asia, kun pala Javascript toimi hienosti kaikissa selaimessa ans normaalisti baari IE ... Helppo se oli, mutta koska käsikirjoitus ei ole kirjoittanut minulle, vei aikaa debug "Objekti ei tue tätä ominaisuutta tai menetelmää" virhe, että vain IE oli oksettaa. Luultavasti! Jos minun pitäisi kirjoittaa käsikirjoitus, en olisi saanut tätä virhettä ollenkaan, koska ei saa sekoittaa minun muuttuvan nimet kenttään tunnukset :).

Ongelma: Objekti ei tue tätä ominaisuutta tai menetelmää (rivillä 3)

 function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Ratkaisu:
Virhe syntyy siitä thirdrow yllä olevassa esimerkissä (Line 3 ... "shortdesc = document.getE ...."). Olen kokeillut kaikenlaisia ​​typeriä asioita, joita en ei kannata edes mainita täällä ja lopulta arvaa mitä! vain muuttamalla shortdesc var jotain muuta eroon virhe. Periaatteessa! Muuttujan nimi oli erilainen fieldID

Kierrätyksestä on Buzzword ja web-kehitys se tarkoittaa eroa. Se säästää energiaa, suhteen vaivaa!

Yli vuoden kirjoittamisen CSS ja luoda HTML-malleja, olen seurannut joitakin parhaita käytäntöjä, harjoittamisesta säästää aikaa ja energiaa, mitä me yleensä termiä "uudelleen keksimisestä Wheel". Kerta toisensa jälkeen olen kertonut itselleni, että minun on luotava muutamia malleja, jotkut vakio uudelleenkäyttävissä CSS olisin hyödyn irti BOX minun tulevassa työssään. Vaikka ei täysin, mutta en onnistunut saavuttaa joitakin tavoitteita.

Vuonna edistää, uudelleenkäyttö CSS, minulla oli tarkastella muutamia CSS puitteet, jotka ovat yleisesti saatavilla meille ja päätti laittaa ne käyttöön, koska ne ovat testattu ja luotu paljon kokeneita kehittäjiä, kuin itseäni. Vielä tärkeämpää "Vältä uudelleen keksimisestä".

Vaikka yleisesti tiedossa veteraaneille, olen yrittänyt kynä joitakin keskeisiä käsitteitä / parhaita käytäntöjä / ajatuksia menneen luomaan näissä puitteissa, jotta kierrätystä CSS mahdollista. Toivottavasti tämä auttaa joitakin CSS kehittäjille, jotka ovat juuri tulossa, ja viime aikoina nousseet CSS bandwagon!

Avaimet kierrätystä CSS:

Käytä nimeämistavat

Tämä on tärkein tekijä, mikä CSS / HTML uudelleen käytettävissä. Antaminen johdonmukaisia ​​nimiä sivulle osia mahdollistaa uudelleenkäytön sivun osien ja niiden tyyliä vähän tai muutoksin. Tämän mukaisesti väitteen, vaikka HTML5, suuria muutoksia muuttuvat ajan edeltäjänsä, on esitellä joitakin rakenteellisia tunnisteet eli. <article>, <section>, <header>, <aside> ja <nav> [ Mitä HTML5 tuo? ]. Vaikka HTML 4 (tai alempi), on parasta nimetä vakio osia sivusi consistanly kuten yksinkertainen esimerkki alla ...

Muista, että useimmat sivuihin projektin loppuun asti ottaa sama ydin rakenneosat. Tunnista nämä yhteiset keskeiset sivuelementti ....

  <div id="container">
    <div id="header"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

Pal Tyylit (CSS Nollaa): Käytitpä kehyksen tai kirjoita, sinun on annettava CSS Nollaa [ Mitkä ovat CSS Nollaa? ], koska ne vähentävät tai joskus poistaa visuaalisia epäjohdonmukaisuuksia, joita esiintyy eri selaimissa. Yksinkertaisesti sanoen CSS palautusmekanismi asettaa tyylejä HTML Element nolla tai nolla-arvoja, mikä ohittaa minkä tahansa selaimen oletusarvoja ne saattavat aiheuttaa. Tämä tarjoaa puhtaalta pöydältä asettaa kyseisten alkuaineiden ominaisuuksista vailla mitään User-Agent oletukset [ CSS2.1 User Agent Style Sheet Defaults ]. Kaikki CSS puitteissa ei ole tehty palautusmekanismi. Jos kirjoitat omistat CSS Nollaa, varoituksen sana on, että jos unohdat palauttaa avaimen omaisuutta, se voisi johtaa rajat selaimet, jotka on hyvin vaikea debugata. Muista, Säilytä kopio reset tyylejä ja pudottaa ne jokaisen uuden projektin luot.

  runko, div, dl, dt, dd, ul, ol, li-
  H1, H2, H3, H4, H5, H6,
  pre-lomake, fieldset, input, select, textarea,
  p, blockquote, table, th, td
  {
    raja: 0px;
    margin: 0;
    padding: 0;
  } 

Valitse oletusasetukset (Baseline Tyylit) ja Elements:

Kun olet asettanut (nolla tai nolla) oletusarvoja tiettyjä ominaisuuksia tiettyjen HTML Elements, on välttämätöntä soveltaa joitakin tyylejä eri joka kerta nämä elementit. Nämä Oletusasetus saattaa vaihdella kohti suunnittelun mukaan tai parhaita käytäntöjä, joita seuraat.

Useimmat CSS puitteet, aina esittelee uusia oletusarvot lisäksi nollaamalla oletusselain tyylejä.
Nämä oletukset ovat vailla User-Agent Defaults (riisuttu pois CSS Reset), nämä ovat johdonmukaisia ​​eri selaimissa.

Muista, Baseline tyylejä käytetään määrittää tyylit, jotka aikovat käyttää suunnittelussa laajuisesti. esim..

  html {font-size: 77%; font-family: Arial, sans-serif;}
 vahva, H1, H2, H3, H4, H5, H6 {font-weight: bold;} 

Tiivistelmä Styles yhteisiksi HTML komponentit ja yhteinen luokat:

Suurin hanke koostuu useista sivuja on yhteiset HTML osia käytetään koko sivustossa, esim. Jonkinlainen lomakkeita, ilmoituksia ja virheitä, Custom Popups, valopöytien jne. Koska tällaisia ​​osia käytetään uudelleen eri hankkeiden, olisi hyvä antaa asettaa luokkien liittyvät valmiista tyyleistä näiden komponenttien ja voit säästää paljon aikaa.

Lisäksi määritellä uudelleen tyylimääritykset yhteisen HTML komponentit, voisimme abstrakti tyylejä luokat liittyvät typografia, väri tai jopa asettelua. Itselläni on tapana käytät ... yhteisiä luokkia kuten Clearfix, Font08, FontGrey, AlignL, DisplayB jne.

  lomake input {border: 0px; background: # ffffff; padding: 0px 10px; _padding: 0px 0px; height: 26px; color: # 000000; line-height: 30px, font-size: 1.1em;}
 lomake textarea {border: 0px; background: # ffffff; color: # 000000; font-size: 0.9 EM; line-height: 1.5em, overflow: visible;}
 . Fbold {font-weight: bold; color: # cccccc;}
 . Fgrey {color: # 666666;}
 . Flightgrey {color: # bbbbbb;}
 . Clearfix {selvä: molemmat;}
 . Jakaja {border-top: 1px solid # 647B06, border-bottom: 1px solid # 9CC00A, korkeus: 0px;}
 . Displayb {display: block;}. Displayn {display: none;}
 . Alignr {text-align: right}. Alignc {text-align: center}
 . Floatr {float: right;}. Floatl {float: left;} 

Korjauksia yhteiset selaimen quirks

Eri selaimet toteuttavat CSS ja tarjoavat vaihtelevia tukitaso CSS vaatimukset. Tuloksena .... "Selaimen koukero", että me kehittäjät jäävät puuttumaan. Varsinkin IE6 kummittelee eniten CSS kooderit joiden määräaika tavata. Hyvä uutinen on, kokemus on tuonut yhteen mahdollisia uudelleenkäytettäviä korjaa näitä asioita (usein ilmaisua kuin CSS Hacks ).

Muista, Pidä nämä hacks / korjaukset kätevä

  / * Seuraavat zoom: 1 sääntö on nimenomaan IE6 + IE7.  * /
    * Html. Clearfix,
    *: First-child + html. Clearfix {
           zoom: 1;
      } 

Pidä Haun CSS

• Tapana kierrätystä ei tule sinulle päivässä. On kehitetty. Joten suunnittele kierrätystä. Pitäkää tämä mielessä, että voisit abstrakti defaults tyylit, typografia määritelmiä, ulkoasuja, HTML Element Styles tms. Yritä ajatella eteenpäin.
• Myös muistella mennyttä hankkeita, se auttaa tunnistamaan tyylit taipumus käyttää usein eri porjects. Abstract sitä.
• Poista kaikki käyttämättömät tyylit. Tämä käytäntö pitää CSS puitteet kuin yleinen oire nimeltä "Turvotus" -
• Poista toistuvia tyylejä.
• Rakenna joukko tyylejä, jotka ovat riittävän joustavia sovittaakseen sen eri hankkeisiin.

CSS Frameworks

Lopuksi. Jos olet inspiroi ja aikovat käyttää yhtä tai useampaa CSS kehysten, Tässäpä on nopea luettelo muutamia suosittuja niistä ....

• 960 Grid System : 960 Grid System on pyrkimys tehostaa web-kehitystä työnkulkua tarjoamalla yleisesti käytettyjä mittoja, jotka perustuvat leveys 960 pikseliä. On olemassa kolme vaihtoehtoa: 12, 16 ja 24 saraketta, joita voidaan käyttää erikseen tai yhdessä. Ajatus mitään, et voi luoda oman helposti tarpeeksi, kehys tarjoaa verkko malleja tulostaa PDF-muodossa, jotka voidaan käyttää hahmotella sivun designs.Bet, se tekisi ammattimaisen vaikutelman, jos teillä muutama arkki kun menet asiakkaalle UI vaatimusten keräämiseen. Se tarjoaa myös perustiedot verkkoon malleja suosittuja suunnittelun ohjelmistot, kuten ilotulitus, Flash, InDesign, Illustrator, Photoshop, Visio jne. tarjoavat "starter kymmenen" aloittaa oman suunnittelutyöhön.
• Blueprint : Blueprint antaa olennaisesti luokiteltu CSS tiedostot Palauttaa, Ristikot, lomakkeet, Print, typografia, Plugins ja napit, välilehdet ja sprites jne. Se tukee myös IE erillisenä kuuluu.
• SenCSs : Toisin kuin edellä mainitut kaksi, SenCSs (lausutaan Sense), ei CSS määritelmät Layout. Se sisältää fontteja, pehmusteita, marginaalit, taulukot, luettelot, otsikot, blockquotes, lomakkeita ja muuta.
• BlueTrip : Sen alkuperäinen väittävät fame oli, se oli yhdistelmä parhaita ominaisuuksia jota muilla muut puitteet kuten Blue Print-Trip OLI ... mistä se saa nimensä. Sen ominaisuuksia ovat 24-sarake grid, typografia tyylejä, ORM tyylejä, tulostaa, painikkeet jne.
• YUI Ristikot : Tuonut sinulle Yahooo Developer Network tukee neste-width (100%) kaavoista sekä esiasetettu tasalevyisellä asettelujen at 750px, 950px ja 974px, sekä kyky helposti räätälöidä mihin tahansa numeroon. Kuten huomaatte, teknisesti aivan layout komponentit. YUI myös HTML / CSS sarjat muiden elementtien
• YAML (Yet Another multicolumn asettelu)
• Emastic

Muista, CSS kehyksiä ei tarkoita että olet laiska luoda oman ... Se tarkoittaa, että olet fiksu oppia muiden kokemuksista ja virheistä, säästää aikaa ja lisätä tuottavuutta!!

CSS valmistui 10 vuotta olemassaolon tänä vuonna! Ne, jotka ovat olleet jo jonkin aikaa, ansaita leipänsä (tai ei) CSS, niin saatat tietää miten olemme nälkää hyvä valikoima fontteja. Vaikka puute fonttien suunnittelijoiden kaltaisissa CSS Zen Garden on käyttänyt CSS taustakuvia korvata kirjasimet harjoittamisesta tekee joitakin oikeutta niiden mallit. Olemme myös yrittäneet Flash / JavaScript ® hakata saavuttaa suunnittelun tavoitteita. Missään tämä on väärä tapa saada fontit haluamme osaksi Web-malleja, mutta ehdottomasti ei ole halutuin tapa. ja yli vuoden web designer, kuten minä, ovat täysin luottaa kymmenkunta fontit niiden malleja.

Viimeaikainen kehitys web-standardien ja fontin formaatit mahdollistavat tehdä HTML tekstin kirjasimet muuta kuin samaa vanhaa oletus fontteja. Tulee "@ fontface" CSS decleration.

@ Fontface provids ratkaisu linkittää todellista fontin tiedosto ja hakea sitä verkosta. Käyttämällä @ fontface, suunnittelijat voivat käyttää fontteja ilman jäädyttää tekstin taustakuvina. Täytäntöönpano on hyvin suoraviivainen, kuten alla, mutta kaikki hyvät asiat ovat CON osa sitä, kaikki selaimet eivät tue single "fontti". Jos aiot käyttää @ fontface on sivusto vaatii risti selain tukee, niin joudut antamaan lähteitä eri font-tyyppisiä saman.

1. TrueType - formaatti on suunniteltu näyttämään hyvältä ruudulla. Suositellaan erityisesti Windows selaimilla (Chrome).
2. OpenType (CFF) - Tämä formaatti on parempi tulostaa työn ja ​​ei aina näytä hyvältä Windows.
3. EOT - Tarvitset tätä muotoa, jos haluat kohdistaa Internet Explorer. IE ei käytä mihinkään muuhun muotoon. Meidän EOT: n katsottaisiin "Lite", koska ne eivät ole pakattuja eikä domain-rajoitettu.
4. SVG - Tämä on XML-muotoa tukevat jotkut selaimet kuten iPhone.
5. WOFF - Tämä cross-selain, web vain fontin on kevyt (fontti data on zip-pakattu), ja voidaan kääntää joko TrueType-tai PostScript (CFF) linjaa. Se on tällä hetkellä tue Firefox 3.6 +.

Käyttämällä @ fontface

  @ Font-face {
 font-family: "CalligraphyFLFRegular";
 src: url ('CalligraphyFLF.eot');
 src: paikallinen ('CalligraphyFLF), paikallinen (' CalligraphyFLF), url ('CalligraphyFLF.woff)-muodossa ("woff), url (' CalligraphyFLF.ttf)-muodossa (TrueType), url ('CalligraphyFLF . svg # CalligraphyFLF)-muodossa (SVG);
 }
 @ Font-face {
   font-family: "Your kirjasin";
   src: url ("fonts / font_filename.eot");
   src: paikallinen ("Alternate name"), paikallinen ("Alternatename"),
     url ("fonts / font_filename.woff") muodossa ("woff"),
     url ("fonts / font_filename.otf") muodossa ("OpenType"),
     url ("fonts / font_filename.svg # font_filename") muodossa ("SVG");
   }
 h2 {font-family: "Your kirjasinlajia", Georgia, serif;} 

Kuten näette yllä esimerkiksi sisällyttää valitun fontin kirjasinlajin, täytyy linkittää joukko fonttypes samaa kirjasintyyppiä. Siksi ihmiset kutsuvat sitä "Font Kit".
On Font Sarjat että nimenomaisesti sallitaan yhdistäminen kanssa CSS @ font-face omaisuutta sille loppukäyttäjän lisenssi (EULA).

Hyödyllisiä WebFont Resurssit:

• Fonttia @ font-face upottamisen wikisivu osoitteessa http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . Hän on tunnettu fontin suunnittelija, joka on tehnyt satoja mielenkiintoisia TrueType vapaasti käytettävissä verkossa. Hänen fontit ovat tyylikäs, koristeellinen, ja leikkisä.
• Dieter Steffmann on toinen suuri fontti suunnittelija. Hänkin on tehnyt monia kauniita fonttia kenen tahansa käytettävissä.
• Font kauppa : tarjolla fontit on suunniteltu nimenomaan web-käyttöön. Yli 30 menestyneimmistä FontFont perheet ovat nyt saatavissa Web FontFonts. FontShop on myös yksityiskohtainen WebFont käyttäjän opas http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Font Orava : Vitriinit kaikki fontit Font Orava tarjoaa käytettäväksi @ font-face CSS upottamisen. Font Orava on vaikuttava määrä tyyppiä, tekee kuolleet helppo valita yksi, ja kätevästi tarjolla "sarjat" - fontilla valinta, eri formaateissa pakattu demo HTML & CSS, joka käyttää hyvin nykyiset @ font-face syntaksia . Ne tarjoavat myös tapa tehdä oman @ font-face sarjat . Jos kirjasintyypin haluat käyttää on lisensoitu asianmukaisesti (ne, jotka tulevat tietokoneen eivät ole välttämättä kunnossa), generaattori tuottaa raskaat, SVG ja hei! WOFF tiedostoja.

Minun rajallinen taito-set työkaluilla, kuten Photoshop ja Illustrator, voin rehellisesti tunnustan, että olen parempi kehittäjä kuin olen suunnittelija. Mutta taustalla ydin (palvelimella) kehitystä Java / PHP / COBOL, on ollut hyvin myönteinen vaikutus minun UI kehittämisosaamista. Tällä tarkoitan sitä, että luodaan oma malleja, eli aina kun teen suunnittelu, ajattelen miten suunnittelua voi parhaiten muuntaa HTML-CSS ja kun tekee HTML-CSS, annan ajatellut backend teknologian ja varmista riittävä varmuus että HTML on helppo osaksi XSL silmukoita tai PHP katkelmia yms.

Yli vuoden, olen heittänyt päänsä ja malleja UI suunnittelijoita, jotka todennäköisesti antaja ole aavistustakaan, mitä HTML-tai CSS. Kaikki nämä vuodet olen ajatellut, että olisin pyytänyt liikaa, jos olen vain odottaa suunnittelija, joka yrittää shov hänen "mahdoton koodi" suunnittelu kurkustani alas, ymmärtää vain vähän mitä hänen suunnittelu muuttuisi osaksi. Se auttaa oikeassa?

Sitten törmäsin tähän tehtävään tänään ... web-suunnittelijat, jotka eivät voi koodia ... Kiitos Herra! Olen vain yksi monista, jotka tuntevat samaa ... Edellä artitle on vähän pitkä hengästynyt .. mutta kannattaa lukea, jokaista sanaa.

Kiitos Elliot Jay Varastot ... Tunnen helpottunut!

Tässä joitakin poimintoja Elliots artikkeli .

Vau, mikä päivä! Se alkoi yksi pieni piipittää ja päättyi keskustelu, joka näytti lakaista koko web-suunnittelijoita. Näyttää siltä, ​​että joitakin erittäin vahvoja mielipiteet aiheesta, onko web-suunnittelijoiden pitäisi pystyä koodia.
...
Joten, ennen kuin pääsemme tähän, haluan nopeasti kertaus mitä sanoin tänä aamuna Twitterissä:

Oikeasti, olen järkyttynyt siitä, että vuonna 2010 olen silti tulossa koko "web-suunnittelijat", jotka eivät voi koodata omia malleja. Ei tekosyitä.

... Minun olisi ollut hieman tarkempi minun visertää. Puhuin suunnittelijoita, joilla ei ole edes kaikkein perus HTML ja CSS osaamista muuttaa litteä muotoilu osaksi varsinaista. Ei ihmisiä, jotka tahallaan halua koodia, jotka eivät osaa. Ja olen myös viitannut vain etupään koodi tähän, tietenkin se on naurettavaa ajatella, että suunnittelijoiden pitäisi myös olla hämmästyttävän back-end-ohjelmoijat ...

Saamme "web" malleja lähetetään Illustratorissa, 300dpi, mahdotonta koodia ei eheys / käytettävyys.
~ Amy Mahon

On myöhä, ja minun täytyy kääriä tähän asti jotenkin. Tiedän, siellä on monia jotka ovat eri mieltä kanssani, ja minun ei ole tarkoitus loukata tai järkyttää ketään, joka voi koodia, mutta toivon, että osa siitä, mitä olen sanonut heijastaa joitakin kohtia, jotka aina keksiä, kun sukeltaa tätä keskustelua.

Lopussa päivän, en menetä yöuniaan, joka voi koodata ja kuka ei. Olen vain todella hämmästynyt niin monet suunnittelijat, joilla ei ole etupään taitoja, koska minusta tuntui menneisyyteen.

Lue myös kommentit, oli noin 320 kommenttia, kun kirjoitan ... se kannattaa lukea.
Lue Elliots koko post täällä .. Web-suunnittelijat, jotka eivät voi koodata

Koska valintanappia ja teksti ovat inline, niin teksti tasataan itsensä pohjaan valintanapin, teksti näyttää olevan hieman alle valintanappi.
Jos haluat nämä yhdenmukaistaa alkuun, sinun täytyy asettaa radion ja teksti erillisiin säiliöihin, kuten divs tai jännevälit (tarvittaessa) ja he hoitavat yhdenmukaistaminen. Olisi helpompaa käyttää taulukon soluihin myös oman suunnittelu lyhyt sallii sen.

Tämä ei näytä samalta jokaisessa selaimessa, koska jokainen selain näyttää radiot hieman eri tavalla, joten siellä tulee aina olemaan kooltaan asioita mitä teet.

HTML5 on vielä luonnos. Kun kirjoitan, Työ HTML 5, joka alkoi vuonna 2004, on edelleen antaa muodon yhteisillä toimilla W3C HTML WG ja WHATWG . Sana on, että seuraavan sukupolven HTML on parannuksia ja ominaisuuksia, joita olisi uusi rakenne ja semantiikka, lomake, API, multimedia tunnisteet jne..

Yksinkertaisissa Englanti ... mitä se merkitsee meille UI kehittäjille ...

• Siellä tulee myös rakenteellisten tunnisteet eli. <article>, <section>, <header>, <aside> ja <nav>, joka korvaisi suurimman osan <div> s käytetään web-sivulle, mikä sivusi hieman semanttinen, mutta mikä tärkeintä, helpommin lukea.
  Hei! Kuvittele vaivaa tallennetaan seikkaan, että yhden puuttuvan lähes DIV tag.
  esim.

  <body>
   <header> ... </ header>
   <nav> ... </ NAV>
   <article>
     <section>
       ...
     </ Osa>
   </ Artikkeli>
   <aside> ... </ sivuun>
   <footer> ... </ alatunniste>
 </ Body> 

Sen sijaan, että

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 

• With kynnyksellä ääni-ja videosisältöä, kuten YouTube, käyttö sulautettujen multimedia verkkosivun ovat increaded by kertaiseksi. Kun tämä otetaan huomioon, nyt on tarkoitus lisätä natiivin tuen upottamisen video-ja audio-selaimeen itse, joten käyttäjät voivat toistaa, keskeyttää, pysäyttää, etsiä ja säätää äänenvoimakkuutta builtin DOM API skriptejä ohjata toistoa.

esim.

  <video poster="poster.jpg">
     <Source src = "video.3gp" type = "video/3gpp"
     media = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 </ Audio> 

• Paremmin määritelty semanttiset roolit nykyistä elementtejä mm. <strong> ja <em> voi nyt todellakin olla erilaisia ​​merkityksiä eli ne käyttäytyvät eri tavalla.

On monia muitakin muutoksia / päivityksiä uudempaan versioon ... Päivitämme tätä virkaa olen törmännyt mitään kiinnostavaa hyötyä niistä .... Tilaihme

Tätä asiakirjaa ei saa antaa tarkkoja tietoja HTML 5 eritelmä on edelleen aktiivisesti mukana kehittämisessä. Jos olet epävarma, tarkista aina HTML 5 eritelmä täällä .

Aika ja uudelleen, kun kaikki muut selaimet nähdään käyttäytymään kertonut W3C sääntöjä, IE kierukoiksi teidät kehittämisen henkeä heittämällä kiukuttelu, joka ei näytä olevan korjauksen. Vain tällainen yksi tämän asian IE7.

Ongelma Statement:
Minä ja niin saattaisi monet muita vakavia web-kehittäjät ovat huomanneet yli monta kertaa, että kun pesi kelluu ulkoasun puolesta leijailla yli linkkejä (ankkuri tunnisteet), joka sisältää kontti näyttää siirtää muutaman pikselin oikealle . Olen yrittänyt google ratkaisuvaihtoehtoja, mutta on tuskin löytänyt mitään kohtuullista vastausta, miksi ja milloin se tapahtuu (jotka voivat auttaa estämään tämän ongelman tapahtumasta), joten en ole koskaan löytänyt yksiselitteistä vastausta ongelmaan joko ...

Mahdollinen ratkaisu:
Ei kokemusta, minulla on ilmoituksen 90% prosenttia kertoja eli että tämä ongelma on korjattu lisäämällä zoom kiinteistön CSS määritelmän väärin käyttäytyy kontti ...

 # Somediv {
       zoom: 1;
 }

jälleen syyt ovat epäselviä ... kokeile ...
Joitakin elementtejä IE on "hasLayout" omaisuus, joka on "tosi" oletuksena. Monet visuaalinen CSS käyttäytymistä, kuten alfa-suodatin toimii vain osan, joka hasLayout. ja {Zoom: 1} näyttää antavan kohde elementtejä hasLayout omaisuutta .... Hyödyllisiä? I dont ajatella niin ...

Zoom ominaisuus on ilmeisesti myös tuetaan Chrome, mutta sen käyttö dint näytä tekevän paljon haittaa minun layout ... kokeilla, jos se toimii sinulle ... jos se ei ole, kirjanmerkki tämä sivu alla "CSS craps"

• Document Type julistuksessa on oltava läsnä alussa asiakirjan, joka käyttää HTML-syntaksia. Sitä voidaan valinnaisesti käyttää sisällä XHTML syntaksi, mutta se ei ole välttämätöntä. XHTML asiakirjaa ei tarvitse sisällyttää DOCTYPE koska XHTML asiakirjat toimitetaan oikein käyttämällä XML MIME tyyppi ja käsitellään XML-selaimissa on aina suoritettu ei quirks tilassa.

• XHTML-tagi nimet ovat isot ja määritellään yleensä on kirjoitettu pienillä kirjaimilla. HTML kuitenkin tag nimet eivät ole tunteettomia, ja voidaan kirjoittaa isoja tai isoja, mutta yleisin yleissopimus on kiinni pieniä. Jos alku ja loppu tagit ei tarvitse olla sama, mutta johdonmukainen ei tee koodi näyttää puhtaampaa.

Etuja käyttämällä HTML

• Taaksepäin yhteensopiva nykyisten selainten
• Tekijät tuntevat jo syntaksia
• Lieviä ja anteeksiantava syntaksi sitä ei tule käyttäjän vihamielinen " Yellow Screen of Death ", jos virhe vahingossa liukastuu kautta
• Kätevä pika syntaksi, kuten kirjoittajat voivat jättää osan tunnisteet ja määreet

Etuja käyttämällä XHTML

• Tiukka XML syntaksin kannustaa kirjoittamaan hyvin muodostuneita markup, jota jotkut kirjoittajat saattavat löytää helpompi ylläpitää
• Integroituu suoraan muiden XML-sanastojen, kuten SVG-ja MathML
• Mahdollistaa käytön XML Processing, jota jotkut kirjoittajat käyttävät osana muokkaus ja / tai julkaisemalla prosesseja

Eilen, kun asia kohtasin kanssa CSS Nollaa Google Chrome ... ajattelin kaivaa hieman syvemmälle alueelle User Agent Style Sheets ...
Löytyi tämä taulukko oletusarvoja CSS2.1 User Agent Style Sheets ... (niille tiedä mitä "User Agent Style Sheets" on seurata Mikä User Agent Style Sheets (Specification) .

Täydellinen luettelo CSS 2.1 User Agent Style Sheets oletusarvot napsauttamalla tätä