HTML: apsolutne i relativne veze. Zašto vam je potreban valjani kod i kako eliminirati pogreške u provjeri valjanosti Kako se odnose na mapu u relativnom i apsolutnom obliku

Odlučio sam nastaviti ovu aktualnu temu. Napravio sam popis najboljih resursa za istraživanje HTML-a i CSS-a kako bih pomogao onima koji žele proučiti ta pitanja. Sjećam se kad sam započeo sam webmaster, doista mi nedostaje sličan izbor visokokvalitetnih i korisnih resursa.

Prvo, neke definicije:

HTML (s engleskog jezika "HyperText Markup" - jezik hipertekstualnog označavanja) je standardni jezik označavanja web stranica.

CSS (s engleskih "Cascading Style Sheets" - Cascade Style Stolovi) - Ovo je opis opisa web stranice.

Bez poznavanja HTML-a i CSS-a, to će biti vrlo problematično - čak i mjerač statistike ili isti banner neće raditi. Nemojte trčati za pomoć stručnjaka ili stvoriti temu za temu na forumima? Samo trebate uzeti i učiti.

Iz vlastitog iskustva mogu reći da se HTML i CSS mogu naučiti za 1 mjesec. Naravno, ne govorim o profesionalnim visinama - doći ćete do vas po želji.

Po mom mišljenju, najbolji način za učenje HTML-a, CSS-a i drugih predmeta, uključujući i promociju web-mjesta je pokretanje vaše web-lokacije i prakticiranje. Usput, možete vidjeti prvi brojač stvoren od mene na kartici counter-štrajka, stvaranje koje sam tada volio. Ovdje su karte i njihove snimke zaslona koje je stvorio starac u Globagu u tim vremenima kada još uvijek nije znao što je Top-10, titz i PR, i temeljito neopjevani na suncu stvorene trodimenzionalne kartice 🙂. Stvorio sam ovu stranicu mjesec dana, proučavajući HTML i CSS u praksi.

Da bi se učio HTML i CSS, nije potrebno biti tehnički stručnjak. Na primjer, općenito sam humanitarna i matematika u osnovi imala "2". Tako naučite HTML i CSS za svakoga tko želi. Resursi koji su naveli su i prikladni i kako biste u bilo koje vrijeme možete saznati koliko puta ste zainteresirani za HTML i CSS.

Mjesta za učenje HTML-a i CSS-a

Počet ću odabir korisnih resursa za istraživanje HTML-a i CSS-a s web-lokacije za koje sam bio angažiran. To su divlje html lekcije koji su napisali Valentinu Akhmetzyanov aka Dickard. To je tako zabavno i zanimljivo opisivanje svih potrebnih trenutaka da se proučavanje HTML-a i CSS sa svojim lekcijama pretvara u uzbudljivo zanimanje. Usput, možete čitati za blog stranice. Divlje lekcije su dovoljno sasvim da uče HTML i CSS na webmasteru potrebne za rad.

Možete li zamisliti, tko bih bio, ako sam razvio na temu Photoshopa? Bio bih pravi čudovište! Ali kontaktirao sam SEO i stagnaciju ovdje, dobivanjem tih pisama zakrivljenih od mraza s vašim prstima. Da, šali se, ovdje je previše toplo i lijepo se hrani.

Pozdrav, Dragi Blog Readers web stranice. Danas želim utjecati na temu formiranja jedinstvenog Adrese URL-a Na internetu i ispričajte o načelima stvaranja relativne i apsolutne veze.

Naravno, tema formiranja URM-a ili njihova naprednija verzija URI (URI) je vrlo teška ako kopate duboko i pokušati doći do istine.

Ali to ne trebamo, jer je dovoljno razumjeti uRL struktura U primijenjenoj prijavi.

Pa, također, mislim da će biti korisno razumjeti što i kako stvoriti relativne veze za vaš resurs, a ne koristiti apsolutno za te svrhe, kada ne postoji očita nužnost.

URL adrese - što je to i kako utječu na indeksaciju web-lokacije

Dakle, da vidimo što je URL, zašto je to potrebno i iz kojih je dijelo. Kao što znate, tražilice proizvode ni u cjelini, već kao skup pojedinačnih stranica. Kasnije će biti na raznim upita za pretraživanje (pročitajte više o odabiru ključnih riječi u Vordstad na temelju.

URL i URI

Pa, bilo koji dokument (web stranica) na internetu ima vlastitu jedinstvenu adresu URL-akoji se dešifrira kao jedinstveni lokator resursa (određivanje lokacije resursa). To je, kao i HTTP protokol, a također, razvijen je i stvoren od strane iste osobe - Tim Berners-Lee (oca osnivač projekta).

Do i veliki, URL je poseban slučaj drugog identifikatora Uri (Jedinstveni identifikator resursa je jedinstveni identifikator resursa), ali mi najvjerojatnije ne trebaju s vama sve ove suptilnosti pri radu s vašom web-lokacijom. Pokušajmo općenito da se bave onome što je to i iz kojih se dijelovi sastoji, a onda se okrećemo relativnim i apsolutnim vezama.

URL adresa je Način da nedvosmisleno ukazuje na nešto na internetu. Koristi se ne samo da radi s web-lokacijama () putem HTTP protokola (također na FTP-u), ali od nas, naravno, bit će zainteresirani za korištenje ovog identifikatora na webu (HTTP i HTTPS protokoli). URL u ovom slučaju će izgledati nešto slično (odmah ću dati opći blok dijagram svoje konstrukcije, ali sve dok bih volio početi s jednostavnim primjerom):

Https: //.html

Na ovoj adresi adresa, dio s "http" označava protokol prijenosa podataka ili, ako slijedite terminologiju specifikacije, shema (za istu nije protokol prijenosa podataka, za razliku od http ili FTP, ali i korišteni u URL-u adrese) .. Stranica ») - ili.

Www i druga ogledala za ljepilo

Web-e je specifičnost oznake naziva domene u URL adresi web-lokacije, koja može biti s www ili bez www. Da bi uspješno bio moguće, vrlo je važno zalijepiti ova dva zrcala vaše web-lokacije. Često, ljepila ogledala mogu izvršiti hoster za vas, ali to će svakako trebati provjeriti.

Oni. Za tražilice, web-lokacije s www ili bez njega su potpuno različite i bez njihovog lijepljenja, referentna masa će dijeliti između njih u nepoznatom omjeru. WWW u adresi na njegovoj suštini je određeni tavizam koji čini vaše ime domene druge razine treće domene.

Također pravedno i prilikom premještanja mjesta za zaštitu hTTPS protokol s http - Za tražilice to će biti još jedno mjesto.

Ništa loše u uporabi Www u web-lokaciji URL Ne, ali potrebno je jasno definirati glavno zrcalo (kroz i kroz, kao i kroz direktivu o propisivanju vaše web-lokacije), koja će biti indeksirana po tražilicama i koje će sudjelovati u rangiranju.

E. "Bez atavizma", a ako dodate ovu čudotvornu konzolu na bilo koju Ullu, onda će automatski preusmjeriti na adresu "bez www".

Https: //www..html

Možete lijepiti ne samo gore opisane zrcala, već i bilo koje druge imena domena koje pripadaju vama. Na primjer, ako postoji drugačiji brand pisanja u latinskim slovima, kupuju se sve moguće domene (pisanje opcija s pogreškama u različitim zonama domene, itd.) I zalijepljene zajedno. Zatim, kada pristupate web-lokaciji u skladu s bilo kojom od mogućih URL adresa, glavno ogledalo će se otvoriti.

Na primjer, na reg.ru, možete vidjeti slobodno registrirati potencijalne ogledala ili domene za oslobađanje (možete unijeti navodno ime domene izravno u donji obrazac):

Gdje su dodatni URL-ovi (duplicirane stranice) vaše web-lokacije u indeksu tražilice

Ali natrag u naše grane. Dio URL-a, koji se nalazi za treći kosa (/) - u našem primjeru, to je "papka / faint.html" - naziva se način na određeni objekt (dokument ili datoteku). U našem slučaju, ovaj dokument "Fail.html", koji leži u imeniku "papka", koji pak leži u korijenskoj mapi ( korijen u Ulli uvijek odgovara trećoj sceni lijevo).

Ali to nije sve što se može zabilježiti na adresu. Kroz URL se prenose takozvani parametri koji se dodaju na samom kraju nakon prostate upitnika, na primjer, kako slijedi:

Https: //www..html? Print \u003d Da

Cijela problem je za to tražilice Dvije takve URL adrese (sa i bez parametara) su apsolutno različiti web dokumenti i svaki od njih će biti indeksiran po tražilicama.

Na istu Ullu može se dodati vašem CMS-u što više različitih parametara i sve to će biti indeksirano od Yandexa i Googlea, ako ne stvorite odgovarajuće zabrane u datoteci Robots.txt, referenca na članak o kojem je neznatno više. U suprotnom, tražilice mogu po veliki broj Dupliciran sadržaj (jedan i isti sadržaj na različitim adresama).

Također, na primjer, do glavna stranica Moj se resurs može uputiti na dva različita Ulms:

HTTPS: // HTTPS stranica: //syt/index.php

(Čak iu tri - također HTTPS: // Site /) iu svakom slučaju se glavna stranica otvara. To je prilično loše, jer Tražilice će pronaći tri različita stranica (imaju različite URL-ove s njihove točke gledišta), ali s istim sadržajem da oni, oh, kako to ne sviđa.

Stoga sam učinio tako da kada unesete bilo koji od gore navedenih, URL-ovi će biti preusmjereni na URL "HTTPS: // Vrsta /" vrste. To se obično radi pomoću 301 preusmjeravanja u datoteci.htaccess ili izravno u postavkama poslužitelja od vas ili vašeg hostera.

Za mnogo više informacija pročitajte u nastavku izdavačke veze.

Struktura URL adresa i transcoding u URL-kodiran

Uopće, full Block dijagram URL adrese Možete zamisliti:

U stvarnosti, u pravilu, prijava, lozinka i luka ne koriste, iako možda trebaju biti potrebne za pristup plaćenim web-lokacijama:

Http: // Prijava: [Zaštićeno e-poštom]web stranica / Platniy-dostup.html

Također se često instalira lozinke za unos FTP poslužiteljagdje također može koristiti nestandardne luke, ali izvrstan iz zadanog protokola koji se koristi za to. Zatim, da biste pristupili resursima takvog FTP poslužitelja, morat ćete unijeti sličan URL:

FTP: // Prijava: [Zaštićeno e-poštom]stranica: 6789 / samooe-nujnoe / cimus

O dobiti parametre koji se mogu napisati na ovoj adresi nakon postavljanja pitanja, već smo govorili i spomenuli da je potrebno zabraniti indeksiranje stranici, u kojem postoje slični parametri (gore je link na Članak o robotima, gdje je sve to detaljno obojen).

URL adrese u obliku hash Links Otvaranje stranice na pravom mjestu

Ali osim svih ovih stvari koje mogu biti dio URL-a, možete vidjeti takozvani blok dijagram. sidrokoji se doda na samom kraju nakon što se obično nazivaju "#" rešetkani simbol (sigurnosne sobe se obično nazivaju hash reference).

Sidreni su pričvršćeni unaprijed unutar HTML kod dokumenta (stranice) dodavanjem atributa ID \u003d "oznaka" u željenom HTML oznaka (paragraf, zaglavlje ili drugi prikladan), a zatim dodavanjem imena ovog sidra na URL adresu stranice putem simbola "#" rešetka, možete nastaviti ne na početku ove web stranice i odmah na mjesto gdje je sidro naveden (svatko će se automatski pomicati na pravo mjesto).

Pro, uključujući io organiziranje navigacije na stranici, čitati u ovim člancima.

Koji likovi mogu koristiti u URL adresama?

Također je vrijedno reći o različitim kodiranju koje se koriste u URL adresi. Bez ponovnog preuzimanja možete koristiti Samo ograničen broj znakova. Obično se savjetuje ograničiti skup znakova: ,,, [_], [-].

Općenito, kako bih izbjegao pogreške, savjetujem vam da navedite naziv datoteke i ulles stranica vaše web-lokacije u donjem slučaju, jer za UNICS takve sustave (koji većina web poslužitelja pokreće) simboli u gornjem i mala slova su različiti (za razliku od sustava Windows). Zbog različitih registara, možda neće biti potrebno za svakoga.

Umjete bilo koje druge znakove (uključujući Ruse) u Urlama je dopušteno, ali će se to dogoditi transcoding To su likovi (kodiranje URL).

Što pečati, tako da je neugodan oblik URL adresa sa simbolima, na primjer, ćirilicom, koji se dobivaju nakon prijelaza. Svaki simbol ćirilice kodiran je pomoću dva bajta u heksadecimalnom i podijeljenom s postotkom "%". Na primjer, takav ul:

Https: // mjesto / tko za novu /

nakon što će transcoding postati ovako:

HTTP // Mjesto /% BA% D1% 82% D0% Budu% 20% D0% BD% D0% BD% B0% 20% D0% BD% D0% BD% D0% BD% D0% BD% D0% BD% D0% BD% D0% BD% D0% BD% D0% BD% D0% 8C% D0% BA% D0% biti% D0% B3% D0% biti

Općenito, ispostavilo se da nije jako cool i s ovim neugodnim vrstom URL-a na nacionalne kodiranja planira razumjeti i boriti se, ali se kreće ovo pitanje nije tako brzo.

U vezi s gore navedenim, savjetujem kad sam na CMS-u ne prave adrese stranica na ruskom, pogotovo, da će, po mišljenju mnogih industrijalistih, biti bolji u smislu SEO optimizacija Pod yandex i google.ru.

Relativne i apsolutne veze na web-lokaciji

Počnimo s S. apsolutne vezejer U ovom slučaju, ništa posebno, izvan onoga što smo već raspravljali u ovom članku, razgovarati i ne moramo. Tako Apsolutna veza mora biti u skladu sa zahtjevima koje predstavljamo na URL adresu - mora se naznačiti protokol prijenosa podataka, naziv domene web-lokacije (host) i put do željenog web dokumenta. Sve.

U HTML-u, apsolutna referenca se formira pomoću posebnih oznaka a (hipervezu), tj. Za njegovo postavljanje, jednostavno ćemo morati okružiti otvaranje i zatvaranje oznaka hiperveze pravo mjesto U tekstu dokumenta (fraza ili pozadine) i registrirati u oznaci otvaranja A u atributu "HREF" apsolutnog puta prije dokumenta na koji će posjetitelj morati ići na njega:

Pchpmaadmin

Sve je vrlo jednostavno.

Nego dobre relativne veze i kako možete dobiti

Međutim, apsolutne hiperveze se obično koriste samo u slučajevima gdje se žele odnositi na vanjske web-lokacije i za unutarnje prijelaze, većina webmastera (pametnih i inspiriranih, a ne kao i 🙂) pokušati koristiti relativne veze, I to su nekoliko razloga:

Relativne reference po definiciji su kraći i ne pretrpani, ne gubite kod stranice (nakon svega, svaka sitnica je važna u ovom pitanju).
Osim toga, prilikom premještanja na drugu domenu ili kada mijenjate protokol na HTTPS ne morate mijenjati sve veze na web-lokaciji.
Osim toga, neki dizajn internetskog projekta može biti vrlo brzo i bezbolno prijenos na drugi resurs bez promjene unutarnjih relativnih referenci.

Dakle, ako prosudite ime, onda adresa web dokumenta na koju se odnose moraju biti registrirane s tom dokumentom vaše web-lokacije, od koda koji će biti pričvršćen ovim relativnim linkom (ples s peći). Druga verzija njihove prostana je da se koristi kao točka referentne točke korijenske mape. To je to dva načina za stvaranje Relativne veze koje sada smatramo.

Stvoriti relativne reference u vezi s dokumentom iz kojeg su pričvršćeni

Najjednostavnija i najkraća verzija puta snimanja (odnosi se na vrijednost atributa HREF-a o oznaci hiperveze) će se ispasti kada i web dokumenti: donator (iz kojeg je pričvršćen) i akceptor (datoteka ili web dokument na koju je to Vodeći) se nalaze u jednoj mapi na poslužitelju.

Sidro

Sada pretpostavimo da je akceptorski dokument u mapi, koji se nalazi u istom direktoriju donatora.

Kako će izgledati relativna veza u ovom slučaju? Sve je također vrlo jednostavno:

Sidro

Do sada mislim da je sve jasno - prepisujemo put do datoteke ili akceptorskog dokumenta (naziv mape, i kroz izravnu kose "/" naziv datoteke ili dokumenta). Oni. Da biste dobili od donatora na akceptor, morat ćete otvoriti mapu čije ime navodimo na relativnu vezu.

Pogledajmo sada suprotnu situaciju kada je samo donatorski dokument u mapi, od kojih trebate staviti relativnu vezu na dokument ili akceptor datoteka, koji već leži na razini gore:

Da biste za nas iz Donator dokumenta do donosa (ili dokument) prihvatili, trebat će vam popnite se iz ove mape na gore navedenu razinu, Ovo pruža poseban element - dvije točke u nizuA onda kroz ravnu kosu, propisan je daljnji put do akceptora. Stoga će za gore navedeni primjer relativni put pogledati:

Što je URL adrese

Ako se trebate popeti na dvije razine, zapis će pogledati:

Što je ul

Pa, i ako, nakon toga, propisati relativni put do akceptora, morat ćete i dalje unijeti bilo koju mapu na drugom vrhu (u odnosu na donatorsku dokument):

Težak dizajn puta

Takvi spusti u mapama i liftovima na razinu mogu biti mnogo, što je najvažnije, tako da se ne zbunjeni.

Stvaranje veze u odnosu na mapu korijena

Napisali smo sve reference gore u vezi donatorskog dokumenta, iz kojeg je pričvršćena hiperveza, ali kao referentna točka da se korijenska mapa Stranica. Korijen u određivanju relativnih putova izgleda kao jedna ravna kosa "/".

Tako Prijelaz na glavnu stranicu izgledat će prilično jednostavno, ali ekstravagantno:

Sidro

Na primjer, apsolutan Put može izgledati ovako:

Sidro

ALI relativan Prije iste datoteke bit će nešto kraće:

Tekst

Kako se odnose na mapu u relativnom i apsolutnom obliku

Želim skrenuti vašu pozornost na jednu nijansu, koja se vrijedi razmotriti prilikom stvaranja apsolutnih i relativnih veza. Ako želiš pogledajte mapu, Svakako stavite na kraju takve hiperveze (nakon njegovog imena) ravno slash "/". Oni. Ako želim otvoriti sadržaj mape, onda bih trebao pisati:

Sidro

I ne tako:

tekst

U drugom slučaju, pri obradi, poslužitelj će prvo pokušati pronaći datoteku pod nazivom "učitava" (samo takvo bez ikakvih ekstenzija), a ne pronalaženje kasnije traže takvu mapu. Dakle, pisanje odmah plutaju nakon imena koje trebate mapeNećete uzeti dodatne resurse s vašeg poslužitelja u potrazi za što nije tamo.

Također biste to trebali znati kada kontaktirate u relativnoj ili apsolutnoj vezi u mapu će se prikazati web-poslužitelj Takozvana indeksna datoteka koja se nalazi u njemu i, u pravilu, naziva se index.html, ili index.php. Ako u mapi ne postoji indeks datoteka, zatim s pogrešnim sigurnosnim poslužiteljem vidjet ćete popis njegovih sadržaja, što može dovesti do smanjenja sigurnosti vašeg resursa.

Svakako otkriti.

Usput, poziv na glavnu stranicu stranice je također inherentno pristupa mapi (korijen), a indeks datoteka koja leži u korijenu će biti lansiran (u mom slučaju da je index.php). Dakle, ako se svirate na mapu, onda da biste smanjili opterećenje na poslužitelju Bolje je propisati ravno slash nakon naziva domene:

Evo to je ono što, mikhalych!

Sretno ti! Na dvosmislene sastanke na web stranicama na blogu

Vi svibanj biti zainteresirani

ASCII Tekst kodiranje (Windows 1251, CP866, KOI8-R) i Unicode (UTF 8, 16, 32) - kako riješiti problem s Krakoyabram
Kako sam povećao sudjelovanje na web-lokaciji do 300 ljudi dnevno?
Traži Yandex na web-mjestu i online trgovini
Sitemap stranica mapa u XML formatu za Yandex i Google - Kako stvoriti sitemap u Joomla i WordPress ili Online Generator

... Iako je sintaksa HTML-a je relativna jednostavna za učenje, ... tamo ", još uvijek mnogo elemenata, atributa i ... drugim konceptima koje ćete morati učiti i pratiti. .. , Dok je ovaj tečaj namijenjen da vas upozna s Essentials HTML-a, to je ... stvarno nije osmišljen da vas nauči svaki jedan element i atribut na raspolaganju ... tako da s tim na umu, želim vam dati par Online HTML resursi, ... koji vam stvarno može pomoći kada počnete učiti HTML, a ... može poslužiti kao vrijedne reference kasnije, kao što "referencirati svoje stranice. ... Sada ćemo" početi početi, na specifikacije samih. ...

To je nešto, dva dokumenta koja biste definitivno trebali imati oznaku. ... Dakle, ovo je W3CS verzija HTML5. ... možete vidjeti dovraga najnoviju verziju izdavača. Želite li vidjeti što se spušta, dolje Cijev. ... i, ovo je sitno. ... Ako se pomaknem dolje, možete vidjeti da je ovdje samo tablica sadržaja. Kroz sve njih. ...

Nastavi transkript Auto-pomicanje

Ažurirano.

3/30/2017

Objavljen.

3/16/2015

HTML je programski jezik koji pokreće web. I kao i svaki jezik, nakon što ga ovladati, možete početi stvarati vlastiti sadržaj, bilo da je to "jednostavne web-lokacije ili složene web aplikacije. Ovaj tečaj pruža detaljan pogled na Essentials: sintaksa HTML-a i najbolje prakse za Pisanje i uređivanje vašeg koda. Viši osoblje Autor James Williamson razmatra strukturu tipičnog HTML dokumenta i prikazuje kako se dijeliti stranice i formatirati sadržaj s HTML-om. Plus, Saznajte kako stvoriti linkove i popise i saznajte kako HTML radi wort CSS i JavaScript stvoriti bogat, angažirajući korisnička iskustva. Tako otvorite uređivač teksta, pogledajte ove videozapise i počnite učiti autora HTML na pravi način.

Teme uključuju:

Zašto je HTML važan?
Istraživanje HTML dokumenta
Formatiranje sadržaja
Prikazivanje slika
Korištenje NAV, članak i div elementi
Povezivanje na stranice i sadržaj preuzimanja
Stvaranje popisa.
Kontroliranje styling (fontovi, boje i više)
Pisanje osnovnih skripti.

k.e.n. Lavlinsky N. E., tehnički direktor laboratorijske metode

Nedavno objavljeno novi standard Tehnologija unaprijed učitavanja. Glavni zadatak ove specifikacije bio je osigurati sposobnost fino upravljati logikom preuzimanja resursa resursa od strane programera.

Prethodni standardi

Ideja utovara nije nova. Prethodno razvili nekoliko verzija oznaka vEZA. S atributima podresor, prerađivač i prefetch., Međutim, oni su nešto radili drugačije: uz njihovu pomoć, možete učitati stranice ili cijele stranice koje se mogu zahtijevati kada trebate kretati prema mjestu. To jest, preglednik je poslao takve zahtjeve s niskim prioritetom i posljednjim. Ako trebate povećati prioritet, nije bilo rješenja.

Učitavanje resursa s unaprijed učitavanjem

Što daje novu specifikaciju? Prvo, sada se učitavanje događa s pojašnjenjem, koji je učitan. Na temelju navedene vrste resursa, preglednik je postavljen prioritet. Na primjer:

lINK REL \u003d "Preload" href \u003d "/js/script.js" kao \u003d "skripta"\u003e
lINK REL \u003d "Preload" href \u003d "/fonts/1.woff2" kao \u003d "Font" tip \u003d "Font / Woff2" Crossorigin\u003e

Drugo, vrsta resursa ( kao) Omogućuje preglednik da pošalje ispravne naslove tako da poslužitelj može slati sadržaj s najboljom opcijom kompresije (na primjer, poslati webp slike ako ih preglednik podržava).

U drugom primjeru učitavamo datoteku fonta, a navodeći određeni format (WOFF2), koji nisu podržani od strane svih preglednika. Međutim, dok se podrška mehanizmu za prethodno učitavanje podudara s podrškom takvog formata, ne nastaju problemi. Može se promatrati trenutna podrška za mehanizam.

Ubrzani fontovi za utovar

Kao primjer ubrzanja web-lokacije pomoću predopterećenja, možete nazvati preuzimanje dubokog fontova, na primjer, fontove. U uobičajenom procesu pokretanja, preglednik mora najprije preuzeti CSS datoteku s naznakom fonta, držite parsiranje ove datoteke i samo zatim stavite upit za preuzimanje datoteke fonta.

Ako ukazamo na prethodno učitavanje ovog fonta u HTML kod kod, preglednik će poslati zahtjev odmah nakon što je parsing HTML dokument, koji može biti nekoliko sekundi ranije nego u uobičajenom slučaju. I znamo da plug-in fontovi blokiraju elemente i odgodite fonta crtež na stranici, tako da ih morate učitati što je brže moguće. Posebno akutni ovaj problem je prilikom korištenja http / 2, kada preglednik šalje mnoge zahtjeve na poslužitelju odmah, kao rezultat od kojih neke slike mogu popuniti klijentski pojas i preuzeti važne resurse bit će odgođeni.

Asinkroni učitavanje CSS

CSS datoteke uvijek blokiraju prikaz stranice, tako da se svi CSS resursi, preuzimanje koje možete odgoditi, može se preuzeti kao redovite datoteke i dinamički povezivanje s stranice.

To se radi kako slijedi:

lINK REL \u003d "Preload" kao \u003d "stil" href \u003d "async_style.css" nanoad \u003d "this.rel \u003d" stilova ""\u003e

Preuzmite JS-code bez izvršenja

Također korisno može biti prebrojana kod skripte koda na JS-u da ga izvede kasnije.

To se može učiniti pomoću sljedećeg koda:

lINK REL \u003d "Preload" kao \u003d "skripta" href \u003d "async_script.js"naload \u003d. "Var Script \u003d dokument.createElement (" skripta "); script.src \u003d this.href; dokument.Body.apendchild (skripta); ">

Pregledali smo osnovne načine korištenja mehanizma za prethodno učitavanje, ali mogućnosti nisu ograničene na to, provedite naše vlastite eksperimente!

U ResourceBundle.Control Class postoji skup vanjskih metoda uzrokovanih resursima.GetBundle () metodom tijekom pretraživanja i preuzimanja. Nakon što je stvorio vašu klasu kontrole, možete promijeniti zadano ponašanje za preuzimanje i predmemoriranje.

U tom slučaju, morate stvoriti implementaciju dva načina kontrolne klase: getformat () i newbundle (). Metoda GetFormati () odgovorna je za podršku XML formatu, a newbundle () radi s nizom resursa. U klasu kontrolne baze postoje pomoćne metode namijenjene za pretvaranje glavnih imena skupova u stvarnim nazivima resursa.

U ovoj implementaciji resurseBundle.Control Class uključivao je XmlresourceBreenke podklasa. Ovaj podrazred se koristi za učitavanje podataka iz XML datoteka. I koristeći ih u metodi resurse.

Slijedi opis kontrolne klase i provedbu metode resurse na resursima:

uvoz java.io. *;
uvoz java.net. *;
uvoz java.util. *;

Javna klasa XmlresourcebundleControl proširuje resurse.
privatni statički niz XML \u003d "XML";

Javna lista GetFormati (String Basename) (
povratni kolekcije.Singletonlist (XML);
}

Javni resursi newblendle ( String Basename, Locale Locale,
Format strida, učitavač utovarivača,boolean Reload)
baca Ilegalaccesscexception, instanciationException, ioexception{
ako ((Basename \u003d\u003d null) || (lokale \u003d\u003d null) || (format \u003d\u003d null)
|| (Loader \u003d\u003d null)) (
baciti novi nullPinteException ();
}
ResourceBundle Bundle \u003d null;
ako (format.equals (XML)) (
String bundlename \u003d tobundlename(Basename, Locale) ;
String resurscename \u003d toresourcename(Bundlename, format) ;
URL URL \u003d Loader.getresource(Resurcename);
ako (URL! \u003d null) (
URLConnection Connection \u003d URL.OpenNection() ;
ako (veza! \u003d null) (
ako (ponovno učitavanje) (
connection.Stusecaches (false);
}
Inputstream Stream \u003d Connection.getInputstream() ;
ako (potok! \u003d null) (
BufferinputTstream bis \u003d novi BuffendinputTstream (
potok);
paket \u003d nova Xmlresourcebundle (BIS);
bis.close ();
}
}
}
}
povratni snop;
}

Privatna statička klasa XmlresourceBundle proširuje resurse (
privatni objekti rekvizici;

XMLRESOURCEBLEUNDLE (ulazno strujanje) baca IOException (
propisi \u003d nova svojstva ();
Prop.oladafromxml (potok);
}

Zaštićeni objekti upravljač (tipka string) (
povratak prop.getproperty (ključ);
}

Javno popisivanje getKeys () (
Postavite podrške \u003d prop. StringPropertyname() ;
povratne kolekcije. Zvukovi);
}
}

Javna statička praznina (string args) (
("Test2",
novi XMLRESOURCEBUNDLECONTROL ()) ;
String \u003d snop.getstring("Helpeykey");
Sistem.out.println ("helpeykey:" + string);
}
}

Ova provedba uključuje test program od tri retka:

ResourceBundle Bundle \u003d ResourceBundle.GetBundle("Test2", novi Xmlresourcebundlecontrol ()) ;
String \u003d snop.getstring("Helpeykey");
Sistem.out.println ("helpeykey:" + string);

Prvi redak je ovdje najveći interes. Morate prenijeti kontrolni element Getbundle (). Nakon toga možete koristiti skup, kao u bilo kojem drugom slučaju.

Slijedi primjer XML datoteke test2.xml:

http://java.sun.com/dtd/properties.dtd." > U REDU. Otkazati Pomozite. Da Ne.

Rezultat programa Xmlresourcebundlecontrol će biti:

\u003e Java Xmlresourcebundlecontrol Helpykey: Pomoć

Prikazana provedba ne koristi gettimatolive () i potrebe metodama () metodama:

javni dugo gettimetoling ( String Basename, Locale Locale)

Javni Boolean Terendeload ( Konopac
Mjesta za lokaciju
String format,
Učitavač utovarivača,
Snop resursa,
dugotrajno vrijeme

Gettimetolive () metoda vraća životni vijek za skupove resursa stvoren pomoću resursa. Setovi resursa spremaju se u predmemoriju kako bi izgubili postupak ponovnog učitavanja. Dakle, kada je ponovno učitavanje skupa, to će biti u predmemoriji. Pozitivna vrijednost života skrivena je u milisekundima trajanja spremanja postavljenog u predmemoriji bez ponovnog provjere. Prema zadanim postavkama vrijednost koju je vratila gettimettolive () metoda je TTl_No_eprivreda_Control, koji isključuje provjeru vremena skladištenja u predmemoriji. Ako ne želite predmemorirati skup, vratite vrijednost TTL_Dont_cache. Ako je vrijednost 0, skup je spremljen, ali svaki put kada nazovite metodu GetBundlea, provjerava se. Da biste očistili predmemoriju, nazovite klasu statičke Clearcache () klase resursa. Ona ima ne obvezan argument closcerator koji vam omogućuje čišćenje Keachy stvorio određeni utovarivač.

Metoda potrebe () određuje potrebu ponovnog pokretanja spremljenog skupa. Prava vrijednost znači da se komplet mora ponovno pokrenuti, a netočno nije potrebno ponovno pokrenuti. Možete kontrolirati potrebu za ponovno pokretanjem resursa postavljenim preopterećenjem metode potrebe (). Na primjer, ako želite da se resurs postavi uvijek ponovno podignuta, metoda potreba () mora uvijek vratiti vrijednost istine. U tom slučaju, gettimetolive () metoda mora uvijek vratiti vrijednost od 0. U suprotnom, skup će trajati duže nego što se pretpostavlja.

Za više informacija o poboljšanjima vezanim za procese internacionalizacije u Mustangu, možete kontaktirati John Ocean Blog, Sun Software Developer, na adresi