28, 5, tips en trucs die je moet weten,,,,,,,,,, 233, 557 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd komt en een deel van je. Je moet je met de juiste nowquick 5: nieuwe zal kenmerken vormen, soms hebben we opnieuw een aantal van onze lezers favoriete posities van de hele les + geschiedenis.Deze gids gepubliceerd in augustus 2010. De industrie snel, heel snel.Als je niet oppast, je zal vallen in het stof.Dus, als je een beetje overweldigd door de aanstaande wijziging /verlenging van 5, met dit als een begin, wat je moet weten,,,, 1.Nieuwe soorten documenten, ook met die vreselijke, XHTML soorten documenten niet kan herinneren?Met het;."- de openbare doctype: //europa.eu.int /comm ////////////////NL 1 overgang ook XHTML -" HTTP://www.w3.org /TR /xhtml1 /ook /xhtml1 overgang. Ook de "> en, indien dit het geval is, waarom?De overgang naar de nieuwe soorten documenten - 5.Je zal langer leven, Douglas quaid zou kunnen zeggen.Met het;.Doctype: //europa.eu.int /comm /> en, in feite, weet je het echt niet eens echt nodig voor komt?Echter, het gebruik van de huidige en oude browser moeten worden aangewezen, doctype.Dit zal een browser niet begrijpen doctype van etiketten met standaard model.Dus, maak je geen zorgen, te allen tijde de waarschuwing in de wind, nieuwe soorten documenten zal omarmen.,,, 2.Grafiek element rekening te houden met de volgende merken beeld:,, < IMG - src = "weg /beeld" (= "foto 's" /> < p> de beelden van Mars.< /P >, helaas is er geen eenvoudige of semantische relaties voor de titel, gewikkeld in een lid, en het imago van het element zelf.De correctie zal worden, samen met de < grafiek% GT%, yuan.Als de combinatie van < FigCaption >, yuan, kunnen we nu met hun collega 's van de ondertiteling beeld van de vereniging.,, < grafiek% GT% < IMG - src = "weg /beeld" (= "foto 's" /> < FigCaption > < p> dit is een interessant beeld.< /P > < /FigCaption > < /MAP >,,, 3.< kleine > gedefinieerd, nog niet zo lang geleden, ik gebruik, < kleine >, elementen die tot onderverdeling is nauw verbonden met het teken.Dit is een nuttig de presentatie van de elementen, maar nu is het een verkeerd gebruik.Kleine, elementen opnieuw gedefinieerd of, juister gezegd, verwijst naar de kleine lettertjes.Stel je voor dat je de meter van de site van het auteursrecht in het kader van deze eenheid 5; de nieuwe definitie van kleine >;, < deze informatie correct is, zullen de verpakking.Nu, kleine, elementen: "kleine lettertjes",,, 4.Niet meer, het type, de voor het script en de banden, je kan nog steeds naar je toe te voegen, het type, de aard van de banden, en het script, de etikettering.,, < link rel = "stijl href =" weg /stylesheet CSS "=" tekst /CSS /> < script type = "tekst /javascript" src = "weg /scripts. J 's" > < /scripts /GT;,, dit is niet meer nodig.Dit betekent dat deze twee etiket noem. Tabel en scenario 's, respectievelijk.Dus, we kunnen schrappen, het type, de eigenschap. Allemaal samen.,, < link rel = "stijl href =" weg /stylesheet CSS "/> < script src =" weg /scripts. J 's "> < /scripts >,,, 5.Referentie of referenties.En... Dat is een probleem.Weet je nog, komt niet.Als je niet wilt dat je bent, hoef je niet je eigendom tas in citaten.Je hoeft niet uit je element.Met deze woorden, dat is niet verkeerd, als je je daardoor beter voelt.Ik vond dit op zijn echte.,, < P = myclass id = someid > start van de reactor voor z 'n hart.,,, in deze.Als je liever een gestructureerd document, met alle middelen, tussen aanhalingstekens.,,, 6.Laat je de redactionele inhoud,,,,, nieuwe chroom heeft een mooie nieuwe eigenschap, kan worden toegepast op de elementen genoemd contenteditable,.De naam, het kan de gebruiker bevatten de elementen in de redactie van de tekst in alle, met inbegrip van de zoon.Voor verschillende toepassingen, met inbegrip van iets zo simpel als een aanvraag, als een lijst van taken, die ook volledig gebruik te maken van de lokale winkel.Met het;.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < titel > geen titel < /titel > < /hoofd > < lichaam > < H > te doen lijst < /H > < ul contenteditable = "waar" > < li > breuk van de taxichauffeur.< /Lee > < li > rijden naar een verlaten fabriek < li > video 's kijken sinds < /Lee > < /UL > < /body > < /html >,, of, zoals we dat in de hint voor, we kunnen het opschrijven voor:,, < ul contenteditable = true >,,, 7.E - mail invoeren, als we de toepassing van een, het type, de "e" in de vorm van de richtlijnen, kunnen we de browser, slechts toegestaan, mits aan het e - mailadres van een doeltreffende structuur van de string.Dit is de juiste; ingebouwde formele controle zal snel hier zijn.We kunnen niet voor 100% afhankelijk zijn van het alleen, omdat een duidelijke reden.In de oude browser niet begrijpen dat de "e" - type, maar ze zal terug naar een gemeenschappelijke tekst.Met het;.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en" > < hoofd > < charset = "- -" > < titel > geen titel < /titel > < /hoofd > < lichaam > < vorm van actie = "methode =" krijgen "> < = E - mail" > etiketten; e - mail: < /etiket > < id = E - mail "naam" E "=" e "/> < knop =" dienen "> indienen in de vorm van < /knop > < /vorm *; < /lichaam > < /html >,,,,, dat we Op dit moment niet afhankelijk zijn van de browser gecontroleerd.Een client /server - oplossing moet ook worden uitgevoerd.,,, ook dient te worden opgemerkt dat alle huidige snuffelaars zijn een beetje wankel was, welke elementen en eigenschappen zijn niet steunen.Zoals opera lijkt ter ondersteuning van e - mail gecontroleerd, maar is aangewezen, de naam, de eigenschap.Echter, het niet steunen, bijvoorbeeld, eigendom, dan zullen we zien in de volgende presentatie.Kortom, niet afhankelijk zijn van deze vorm van controle, maar je kan het nog steeds.,,, 8.Bijvoorbeeld, voordat we gebruik moeten maken van het creëren van vervangende tekst javascript.Natuurlijk, je kan beginnen, waarde, hoe de eigenschap is geschikt voor de gebruiker, maar zodra het schrappen van de tekst en klik op de input zal blijven leeg.Vervanging van eigendom dat verhelpen, <,,, in naam van de "e - mail" = = = = = = = = = = = = = "e - mail" reserve "[email protected]" />,, opnieuw steun in de beste browser, maar dit zal blijven en elke nieuwe versie van de verbetering.Bovendien, als de browser, zoals de firefox en opera, op dit moment niet steunen, bijvoorbeeld eigendom, geen pijn.,,,,,,, 9.De lokale winkel, omdat de lokale winkel (niet officieel goedgekeurd, maar de groepering, voor het gemak, kunnen we de) geavanceerde browser "herinneren" we vormen, zelfs indien de browser gesloten of op de,,,,,, "op het gebied van localStorage set.Zelfs als je de browser, zet het weer, terug naar de plaats delict, het gebied nog alle opgeslagen. "- quirksblog,,, in plaats van voor alle snuffelaars, kunnen we verwachten dat deze methode, met name in de Internet Explorer 4 en 8, safari firefox 3,5.Opgemerkt moet worden dat, om een einde te maken aan de bestaande lokale winkel browser niet kent, moet je eerst testen om te bepalen of er sprake is van window.localstorage.,,,, door de   HTTP://www.findmebyip. COM /lakmoes /,,,, 10.   semantische, koppen, meter,,, van het verleden:,, < div = "kop" >...< /div > < div = "voet" >...< /div >,, die natuurlijk geen semantische structuur... Zelfs, id, van toepassing.Nu, komt, kunnen we in contact komen met het hoofd, < >,, < meter >, elementen.Mark, kan veranderen in:,, < hoofd >...< /hoofd > < meter >...< /meter >,, het volledig geschikt voor een titel, een meter lang, en in uw project.En probeer niet al deze elementen en je website van de "eerste" en "einde" verwarrend.Ze heeft alleen betrekking op hun schip.Daarom is het zinvol de meta - informatie, bijvoorbeeld, op de bodem van de blog, staart, elementen.Hetzelfde geldt voor het hoofd.,,, 11.Meer zal vormen en de kenmerken van de video, in deze snelle tips meer nuttige zal kenmerken vormen,,,,,, 12.De Internet Explorer en zal, helaas, dat verdomde Internet Explorer hebben een beetje ruzie, om te begrijpen wat de nieuwe elementen, 5. Alle elementen, bij verstek, er is een weergave van het,,.,,, om ervoor te zorgen dat de nieuwe elementen die op het niveau van de juiste blok 5 elementen, op dit moment is het noodzakelijk de stijl.Koppen, meter,,,.,., navigatie, het menu: blok;} {, helaas, de Internet Explorer negeert deze stijl, want het heeft geen idee wat er, bijvoorbeeld, de titel, de dollar, zelfs.Gelukkig is er een eenvoudige oplossing:,, het dossier. CreateElement (""); de documenten. CreateElement ("een"); de documenten. CreateElement ("hoofd"); de documenten. CreateElement ("activa"); de documenten. CreateElement ("menu");,, vreemde deze code is, lijkt het Internet Explorer.Alleen de in de loop van elke nieuwe aanvraag, Remy scherp op het creëren van een script, algemeen bekend als de hele Shiv.Dit script is ook een probleem op te lossen drukken.Met het;.- als ie] > < script src = 'http: //html5shim. Googlecode. COM /SVN /romp /5. J' s "> < /scripts > <.[arrest] - >,,, 13.* * * * * * * * * * * * * * H - groep, omdat dit document gepubliceerd, in H - een volledig verouderd en niet meer  .,,, 14.De eigenschappen die nodig zijn om de nieuwe, in de vorm van een vereiste, eigendom, het aangewezen, de aard, de noodzaak van specifieke inbreng.Afhankelijk van uw voorkeur van de code, je kan twee verklaringen deze eigenschap:,, < input vormen voor de tekst "naam" sommige input die ">,, of een meer gestructureerde aanpak.,, < input vormen voor de tekst "input" = "zijn naam" moeten ">,, twee methoden zullen doen.Met deze code, en op de browser ter ondersteuning van deze eigenschap, een vorm kan indienen, als "een input" input blanco.Hier is een eenvoudig voorbeeld; we zullen ook de toevoeging van vervangende attributen, is er geen reden om niet.,, < vorm en methode = "na" actie = "> < =" input "> etiketten; sommige van je naam: < /etiket > < input vormen voor" het "=" een input "naam =" een input "=" wat "bijvoorbeeld moet > < knop =" dienen "> naar < /knop > < /vorm >,,,,, als van De input is leeg, en de vorm is ingediend, zal de aandacht vestigen op de tekst.,,, 15.- die eigenschap, te schrappen, zal het javascript oplossing nodig.Als een bepaalde inbreng moet worden "keuze" of, bij verstek, we kunnen nu gebruik maken van de autofocus, attributen.,, < input vormen voor de tekst "naam" een input "=" quaid die nodig zijn voor de vervanging van de autofocus >,, het is interessant, hoewel ik liever een XHTML methode (met een citaat, enz.), schriftelijk, "- = autofocus", het voelt vreemd.Dus we houden met enkele trefwoorden.,,, 16.- de steun niet meer doen, we moeten afhankelijk van derde - om de audio.Die zal nu audio, < >, yuan.Tenminste, dat we ons geen zorgen hoeven te maken van deze mogelijkheid.In de loop van de tijd, slechts de meest recente browser zal het audio - steun bieden.Op dit moment is het nog steeds een goede praktijken, voorzien in een of andere vorm van achterwaartse compatibiliteit.,, < de audio controle = = "automatisch" controle "> < bron src =" dossier. Ogg "/> < bron src =" dossier. - "/> < een > de documenten downloaden. < /een > < /- *;,, mozilla en bewijzen van niet volledig zijn, als het gaat om de audio - formaat.De firefox zou willen zien. En de bewijzen van ogg, browser en gewone mp3 - uitbreiding is prima.Dit betekent dat, althans voor het moment, moet je het creëren van de twee versies van de audio - safari - pagina. En als het niet toegeven. Ogg en sla het mp3 - versie, dus.Let op, zoals gewoonlijk, niet steunen, en alleen de opera 10. Omdat de dossiers.,,, 17.Steun voor video 's, is, zoals, < audio >, yuan, we hebben ook, natuurlijk, zal in een nieuwe navigator en video.In feite, onlangs heeft aangekondigd dat er een nieuw, YouTube video in de hele video browser steunt het.Helaas zal het niet nogmaals, omdat voor bepaalde video Codec, het besluit voor de browser.Terwijl de safari en Internet Explorer 9 kunnen worden ondersteund in het H.264 video (Flash Player kan), firefox en opera vasthouden aan de open source - theora en vorbis formaat.Dus, wanneer blijkt dat die regeling zal het video, je moet.,, < - de verscherpte controle > < bron src = "cohagenphonecall. Tot slot" = "video /ogg; Codec ='vorbis, theora" /> < bron src = "cohagenphonecall. MP4" = "video /MP4;" = "avc1.42e01e Codec, MP4A. 40.2" /> < p> de browser is oud.< href = "cohagenphonecall. MP4" > downloaden van deze video. < /> < /P > < /video >,, chroom, correct worden weergegeven in de video van de codering van "steun" en "MP4.Hier is een opmerkelijke dingen.En technisch gezien hebben we niet moeten worden vastgelegd, het type, de eigendom, maar als we het niet vinden, de browser moeten de aard zelf.Het behoud van een bandbreedte, en de verklaring van het voor zichzelf.Niet alle browser begrijpen, zal het op video.De volgende, de oorsprong, de elementen, kunnen we een link te downloaden, of die video, in plaats van een flash - versie.Dat hangt af van je,,, de controles, de belasting en de eigendom in de volgende aanwijzing in de discussie.,,,,, 18.Pre - video, geladen, eigendom, en doen wat je wilt.Maar, en het zegt, moet je eerst beslissen of wil je browser pre - video.Is dat nodig?Misschien, als de bezoekers een pagina 's, in het bijzonder om blijk te geven van een video, je moet de pre - video, en het behoud van de wachttijd voor de bezoekers.De video kan met een pre - = "pre - ins", ", of door middel van een eenvoudige verhoging van de,,.Ik vind de laatste oplossing; dit is een beetje niet overbodig.,, < de video - >,,, 19.Weergave van de controle, als je op het gebruik van deze technieken, misschien is het je opgevallen dat deze code, de video is een beeld, en zonder enige controle.Deze controles moeten worden uitgezonden, en we moeten de aangewezen, de controle, het eigendom in de video, elementen.,, < video preload controle >,,,,, dat elke kijker, die op een andere speler.,,, 20.Vind je jezelf niet een gewone uitdrukking, schreef een korte regelmatig uitdrukking om na te gaan of een specifieke tekst.Dankzij het nieuwe model eigenschap, kunnen we rechtstreeks in onze marker.,, < vorm van actie = "methode =" na "> < =" etiket gebruikersnaam "> het creëren van een gebruikersnaam: < /etiket > < input vormen voor de tekst" naam "gebruiker" = "gebruiker" reserve "= 4 < > 10 - = = = = = =" van [a - za - Z] {} "autofocus vereiste > < knop =" dienen "> naar < /knop > < /vorm >,, als je bekend Bent met gewone uitdrukking, realiseer je je dat dit patroon: [a - za - Z] {}, van accepteren alleen hoofdletters en de kleine letters.Het touw moet ook ten minste vier tekens, maximaal tien letters.We beginnen, de aandacht van alle nieuwe combinatie van de geweldige eigenschap.,, (functie) (VAR = documenten vormen [0], ['range bereik = f = F [], de resultaten van'result], cachedrangevalue = localstorage.rangevalue?Arrest van localstorage.rangevalue:5; ////////de reikwijdte van de erkenning van de browser is de inbreng van de coole kinderen.O = documenten. CreateElement (input); o.type = "Werkingssfeer" (o.type = = = = = = = =; als de tekst "(-) - alarm.Je browser is niet Cool genoeg.Probeer de nieuwe opera. "); ///////de input en output van de elementen die de oorspronkelijke waarde /wat is opgeslagen in de lokale of nr. 5.Range.value = = = = = = = cachedrangevalue result.value; ///////cachedrangevalue; wanneer de gebruiker een keuze te maken, de vernieuwing van de lokale winkel.Bereik. AddEventListener ("mouseup", functie) (signalering ("de gekozen waarden als" + range.value + ".Ik weet dat de waarde van het gebruik van de lokale winkel.De browser op te frissen. "); localStorage?(localstorage.rangevalue = bereik. Waarde): waarschuwing ("het redden van de gegevens in de gegevensbank of iets.");}, valse); ///////van de waarde van een keuze, glijden.Bereik. AddEventListener ("veranderen", functie) (result.value = range.value;}, valse);}) ();,,,,, voor de echte wereld voor te bereiden?Misschien niet, maar het is nog steeds leuk spelen en klaar.DOWNLOAD de source code, en probeer het zelf.Maar het gebruik van de opera.En bedankt voor het lezen.We hebben veel te bespreken, maar het is nog steeds gevangen zal kunnen alleen de oppervlakte.Ik hoop dat dit een nuttige primers.