Hľadať

Téma získavania zdrojov sa objavuje znova a znova.

Stručne: „Stiahnem si obrázok z c:\work\image.gif a ak spustím program z jar súboru/na inom počítači, nebudem sa obťažovať.

Prečo sa hanbiť?"

Tim niekedy tu nie je nič zložité.

Je len potrebné pochopiť princípy.

V prvom rade je získavanie zdrojov za absolútnou adresou na disku beznádejná úloha.

Myslím, že zázračne pochopíte prečo - odstránili súbor z disku a „zbohom zdroj“.

Všetko musíte nosiť so sebou.

Ďalšou možnosťou, ktorú často skúmam, je získať zdroj pomocou súboru jar.

Ale je tu jeden problém, ktorý je veľmi často plachý – zdroj sa importuje cez triedu java.io.File. V tomto prípade je táto trieda aplikácií určená len na prácu so súborovými systémami.


  1. Cesta k triede c:\work\myproject\classes je priradená k prostriedku /images/logo.png , za ktorým nasleduje súbor c:\work\myproject\classes\images\logo.pn g .
  2. Po nájdení súboru sa spustí vyhľadávanie.
Inak: Súbor jar c:\lib\lib.jar hľadá súbor /images/logo.png a vyhľadávanie sa vykonáva v koreňovom adresári súboru jar.

  1. zadok 2
  2. .
Používame konštrukciu getClass().getResource("res/data.txt").

Časti názvu nezačínajú symbolom „/“ – tu je dôležité.

Hľadanie zdroja prebieha takto:

K ceste z classpath c:\work\myproject\classes je streamový balík priradený triede, kde sa nachádza kód - /ru/skipy/test , - a pridelený názov zdroju res/data.txt, po v ktorom sa nachádza súbor c:\work \ myproject\classes\ru\skipy\test\r es\data.txt .

Po nájdení súboru sa spustí vyhľadávanie.

Inak:

Súbor jar c:\lib\lib.jar vyhľadá súbor /ru/skipy/test/res/data.txt (názov balíka triedy streamu plus názov zdroja) a vykoná sa vyhľadávanie v koreňovom adresári súboru jar. No na to, aby sa zdroj našiel, je potrebné zabezpečiť jeho prísun. Tobto. Pri vytváraní programu (zabaľovanie do súboru jar) vezmite na vedomie, že zdroj sa bude plytvať všade tam, kde to bude potrebné., Ako to urobiť - spoliehajte sa na technológiu zberu, takže IDE skopíruje zdroje, keď sa zhromažďujú v rovnakom bode, kde ste vložili a skompilovali triedy.і Keď vikoristanny mravec, je potrebné preniesť do voľného pohľadu..

Robili však veci trochu inak: s ich pomocou môžete zachytiť prvky stránok alebo celé stránky, ktoré môžu byť potrebné pri ďalšej navigácii na webe.

Prehliadač si teda vynúti, aby sa takéto požiadavky vykonávali s nízkou prioritou a naďalej sa používa.

Ak bolo potrebné posunúť prioritu dopredu, neexistovalo žiadne riešenie.
Získavanie zdrojov z predbežného načítania

Čo poskytuje nová špecifikácia? V prvom rade je teraz túžbou objasniť, čo sa požaduje. Prehliadač priraďuje prioritu typu zdroja, ktorý je mu priradený.

Napríklad:

odkaz rel="preload" href="/js/script.js" as="script" >

link rel = "preload" href = "/fonts/1.woff2" ako = "font" type = "font/woff2" crossorigin>

Iným spôsobom typ zdroja (

ako

) umožňuje prehliadaču odosielať správne hlavičky, aby server mohol odosielať obsah s kratšou verziou kompresie (napríklad odosielať obrázky WebP, pretože ich prehliadač podporuje).

Zatiaľ čo iné aplikácie vyžadujú súbor písma, ich pokyny majú špecifický formát (WOFF2), ktorý nepodporujú všetky prehliadače.

Pokiaľ sa však podpora mechanizmu predbežného načítania zhoduje s podporou tohto formátu, problémy nevznikajú.

Môžete sa pozrieť na presné detaily mechanizmu.

Môžete tiež zmeniť kód skriptu v JS, aby ste ho neskôr odstránili.

Môžete použiť nasledujúci dodatočný kód:

link rel="preload" as="script" href="async_script.js"načítať = "var skript = document.createElement("script"); script.src=this.href; document.body.appendChild(script);">

Pozreli sme sa na hlavné vlastnosti mechanizmu predpätia, ale ak sa nemôžete rozhodnúť pre nič, vykonajte vlastné experimenty!

Mnoho webmasterov spravidla prenesie svoje stránky na hostiteľa ihneď po ich vytvorení.

V tomto prípade je dôležité zamerať sa skôr na správnosť textovej správy, než na správnosť vnútorného kódu stránok.

Validácia stránky

Pozíciu lokality môžu ovplyvniť aj ďalšie faktory.

A ľahnite si pred nich, zblízka a technických úradníkov.

Pred technickými detailmi musíme stránku skontrolovať a overiť.

tak čo to je?

Jednoducho povedané, validácia stránky znamená kontrolu technickej presnosti kódu stránky a jej opravu.

Napríklad ste zabudli pridať značku, ktorá uzatvára /html.

Vo zvyšku HTML5 sa vizuálne nič nezmení.

Ak sú fragmenty manuálne ťažké a nespoľahlivé, potom sa na vyhľadávanie odmien používajú špeciálne služby, takzvané „validátory“.

Validator Markup Validation Service.

Táto služba kontroluje správnosť HTML a XHTML kódov, ktoré sú základom väčšiny stránok slúžiacich na vytvorenie prakticky akéhokoľvek webu a určenie jeho vnútornej štruktúry.

Túto službu validátora môžete použiť na stránke http://validator.w3.org

Ale tu je zrejmý bod, ktorý platí aj pre iné validátory: stránka, ktorá sa overuje, a stránky, ktoré sa overujú, sú zodpovedné za hosťovanie.

V opačnom prípade validátor nepozná adresu webovej stránky a nemôže nič overiť.

Teraz sa môžete pozrieť na os a zistiť, ako môžete obchodovať na svojom validátore.

Po vstupe na stránku tejto služby sa zobrazí celý funkčný obrázok.

Väčšina z toho, čo je zobrazené a napísané pred hlavným overením, sa však nevykoná a pri všetkej úcte je potrebné otvoriť iba okno na zadanie adresy overovanej stránky:

Úplne prvá vec, ktorú musíte urobiť, je začať.

Kontrola overenia stránky je teda mimoriadne jednoduchá, ako celý náš krehký svet: do okna s adresou služby potom musíte napísať adresu stránky.

svoju adresu URL a potom kliknite na „Skontrolovať“.

Po takejto jednoduchej akcii validátor na niekoľko sekúnd „tlačí“ a vyzerá takto:

  1. To znamená, že v kóde stránky nie sú žiadne ďalšie úpravy a môžete si byť istí.
  2. Alebo môžete mať aj túto nešťastnú možnosť:
  3. To je ešte silnejšie a znamená to, že interný kód stránky, ktorá sa overuje, obsahuje chyby.

To však nie je vôbec fatálne: stačí sa posunúť nadol a všetky informácie nájdené počas procesu overovania sa tam zapíšu.

Ide o ďalšiu funkciu popísanú v službe, ktorá však nie je „vybrúsená“ na kontrolu HTML a XHTML kódu, ale na kontrolu správnosti kódu a štýlu CSS, vykreslených na externej tabuľke.

Pre prístup k službe musíte prejsť na http://jigsaw.w3.org/css-validator.

Pred rozprávaním je dôležité pochopiť túto metódu: overenie tejto služby je úplne bezplatné.

Ach, prosím, neplytvaj peniazmi na svojho hamana, nenechaj ten smrad povaľovať až do nevyhnutnej chvíle.

Prejdime však k robotickej metóde pre túto ďalšiu službu.

V zásade je všetka práca na validátore CSS úplne identická s revíziou kódu kvôli čistote.

Preto nie je potrebné ukazovať obrázok riadku adresy validátora.

Len sa rýchlo pozrieme na poradie overovania a to je všetko.

Ak to chcete urobiť, zapíšte si adresu URL tabuľky CSS do riadku adresy, napríklad „http://moja stránka/style.css“ a potom kliknite na tlačidlo s ruským nápisom „Skontrolovať“.

Zdá sa, že tento validátor „tlačí“ na niekoľko sekúnd a vytvára výsledok:

To znamená, že CSS tabuľka je napísaná správne a neboli v nej zistené žiadne chyby.

Aby ste sa tomu vyhli, musíte minúť veľa peňazí, aby ste boli absolútne pokojní a úplne spokojní s technickou prácou vašej webovej stránky a všetkých jej stránok.

Samozrejme je potrebné vykonať dodatočné kontroly správ a kotiev, viditeľnosti stránok na mobilných zariadeniach a parametrov iných kódov.

Len tak môže byť stránka pripravená na plné fungovanie a na dlhodobú a rýchlu propagáciu TOP.

Hneď na úvod by som chcel povedať, že všetky ostatné overenia prebiehajú rovnako rýchlo a jednoducho ako vyššie – stačí si len pozorne prečítať postup práce s validátorom.

Pridané 19.04.2018

Rozšírené kontroly platnosti počas hodiny kontroly html kódu


Doplňte prosím článok o úpravy HTML kódu, ktoré sú často súčasťou webových stránok.

Zakaždým som ich mal veľa)).


Validátor zvýrazní samotné výhry rovnakou farbou.

1) Chyba: Odkaz na znak nebol ukončený bodkočiarkou.


Mlieko: symbol žiadnych prerušení s bodkou, s ktorou je povinná požiadavka pridať.
2) Upozornenie: Sekcii chýba nadpis.

Zvážte použitie prvkov h2-h6 na pridanie identifikujúcich nadpisov do všetkých sekcií.

Ďalej: Sekcia nemá nadpis.

Pozrite sa na možnosť použitia prvkov h2-h6 na pridanie identifikačných nadpisov do všetkých sekcií.


Všetko sa tu vyjasnilo, stačí pridať jeden podnadpis.

Toto nie je láskavosť, ale odporúčanie.

3) Chyba: Element noindex nie je v tomto kontexte povolený ako veľkosť prvku.

Poznámka: prvok noindex nie je povolený ako potomok prvku p v jeho kontexte.


(Uškrtenie vzdialeného milosrdenstva z tohto stromu.)

Riešenie je jednoduché, stačí zakomentovať značku noindex, bude to vyzerať takto:


4) Chyba: Stredný prvok je zastaraný.

World Wide Web Consortium (W3C) odporučilo technológiu CSS (Cascading Style Sheets) v roku 1996.

Odvtedy weboví vývojári používajú kaskádové štýly na vytváranie jedinečných návrhov webových stránok.

Pred dvadsiatimi rokmi sa vývojári pohrali s parametrami písma, atribútmi textu a farbami prvkov stránky.

Prebiehajú animácie, tieňovanie, prechody, vyhladzovanie a množstvo ďalších prejavov.

Nainštalujte si rozšírenie Web Developer pre Chrome alebo rozšírenie Zakázať CSS pre Firefox, aby ste si mohli vychutnať svoje obľúbené stránky bez CSS.

Zmeny budú iné, aspoň nie navždy.

Napríklad nový agregátor Drudge Report sa nemusí meniť: je jednoduchý ako dva po dvoch.

Tento zdroj bol zobrazený viac ako 150 miliónov krát.

Naučte sa detaily CSS

Poďme tam a späť na základnom teoretickom základe.

Po nej vás sledujem k Vladovi Merzhevichovi, autorovi kníh a web developerovi, ktorý vedie množstvo prehľadných zdrojov o rozložení a štylizácii webových stránok.

Použite štandardný HTML, pridajte svoj vlastný dizajn a pošlite všetko späť.

Možno sa objaví váš najlepší prístup.

Pred rozprávaním si môžete stiahnuť verziu niekoho iného a žasnúť nad jej implementáciou.

Je jasné, že sa budete chcieť zaseknúť takým spôsobom, že vám prejavím najhlbší rešpekt.

Nevieme, čo to je, ale určite sa tam povaľujú desiatky či stovky podobných zariadení.

Kód nemôžete zobraziť. Budete musieť ísť do ponuky predajcu - to je politika miestnej strany. Väčšina štýlov CSS však môže byť upravená bez súhlasu autora.

Je to pre nás niečo cudzie, keď nám rastú vlastné ruky? Dovoľte mi ukázať vám pravdu.

Súčasťou webovej služby je okrem základnej revízie syntaxe CSS aj kontrola dodržiavania pravidiel, ktorá ovplyvňuje plynulosť stránok. Výstupom je kód CSS vhodný pre prehliadač. Aké zdroje o kaskádových štýloch môžete prosím? Všetky HTML správy sú rozdelené na externé a interné. Externé správy sú správy, ktoré vedú z jednej lokality na inú lokalitu alebo súbor, ktorý sa prenáša na inú lokalitu.

Interné správy

Interné správy- Toto je správa, ktorá sa požaduje z jednej strany lokality na druhú stranu lokality alebo do samostatných lokalít.

Všetky externé správy v atribúte href značky Pomsta absolútnu cestu k dokumentu, na ktorý sa smradi sťažujú. Vnútorné správy môžu byť svojím spôsobom vnímané ako absolútna cesta aj ako denná (niekedy v závislosti od vašich konkrétnych úspechov).
Všetky správy možno inteligentne rozdeliť na konkrétne a absolútne. Týždenná správa - toto je posolstvo, ktoré môže byť len interné.
Absolútne odoslané Ak pred súborom potrebujete zadať cestu, súbor sa prenesie do podradeného adresára, čo znamená, že musíme prejsť o jednu úroveň nižšie (do podradeného priečinka tokového adresára), v ktorom cesta začína od vstupu k názvu podradeného adresára, za Meno je označené lomkou "/", ktorá slúži ako polovičná cesta, za ktorou je uvedený názov súboru, ktorý potrebujeme.

Poznámka: Môžete prejsť nadol presne o toľko priečinkov, koľko ste opustili.

Ak ste napríklad vytvorili priečinok 10 rubľov pod koreňom, môžete uviesť cestu, ktorá vás povedie o 10 priečinkov nadol.

Keďže však máte toľko obdivovateľov, ktorí za všetko platia, znamená to, že organizácia vašej stránky musí byť zložitá.

../ "adresar/stranka.html"

"adresar1/adresar2/stranka.html"

Ak potrebujete uviesť, že súbor, ktorý požadujete, je v priečinku vášho otca, použite symboly (dve bodky), ktoré znamenajú prechod o úroveň vyššie (do priečinka otca v priečinku toku).

Ďalej zadáme lomku „/“, aby sme oddelili časti a napísali názov nášho súboru.

Poznámka: symboly.. môžete vybrať viackrát naraz, ak ich vyberiete, skončíte pri jednom priečinku.

/ Môžete však vyliezť na horu, kým sa nedostanete do koreňového priečinka vašej lokality.

Nemôžete ísť za tento priečinok.

" ../stranka.html "

" ../../page.html "

" ../../../cat1/cat2/page.html " - prejde z priečinka streamu nahor o tri adresáre vyššie a potom o dve úrovne nižšie na požadovaný súbor

Denná trasa sa nemusí nevyhnutne začať hneď po dokončení online obnovovania stránok z príspevkov, ale môže sa začať aj hneď po koreňovom adresári stránky.

Absolútny spôsob nájdete na oficiálnych stránkach.

V strede stránky sa však odporúča vikorystuvovať ako význam správy. Teraz sa poďme pozrieť na to, čo to je URL Teraz sa poďme pozrieť na to, čo to je-Adresy. Každá webová lokalita na internete má svoju jedinečnú adresu a jej os sa jednoducho nazýva URL. Skratka znamená U niformný R