Hogyan tekintheti meg az oldal forráskódját és az elem kódját. Hogyan módosíthatja az oldalkódot a Google Chrome-ban

Minden internet-felhasználónak kedvenc helyei vannak, amelyeken sokáig töltötte. És csak a lusta nem gondolt arra, hogy meglátta, hogyan jött létre, és mit tartalmaz. Válaszoljon mindezekre a kérdésekre, mivel sokféle módon lehet létrehozni egy webhelyet, de látni ezeket a csapatokat és kódokat, amelyekből áll - mindenki számára lehetséges és elérhető.

Egy másik kérdés az, hogy egy személy megérti, hogy ki nem vesz részt a kódot alkotó karakterek programozásában. De olyan példáktól, amelyek alacsonyabbak lesznek, mint bármely felhasználó Google Chrome. Megtekintheti az egyéni webhelyek elemeit.

Hogyan tekintheti meg a HTML oldalak forráskódját a böngészőben a Google-tól

Mit láthatott a Chrome-ben lévő oldalkódnak az Ön által érdekelt webhelyre kell mennie, és végezze el a következő műveleteket:

Ezek közül kettő ezek közül kettő különbözik a funkcionalitásukkal és a felhasználó, a programozó vagy a hacker információival.

Mi a különbség az oldalkód és csak a "View Code" parancs között

Mindegyik funkció megtekintése különálló elemet írhat. A programozók számára ez a különbség elengedhetetlen, és megértik, hogy milyen esetekben kell használni a "Nézet kódot", és milyen "oldalnézetben" a Google Chrome böngészőben.

De magyarázza a rendszeres felhasználót, megoszthatja ezeket a funkciókat a következő célokra:

1. "Az oldalkód megtekintése" csak az oldal fő kombinációjának megtekintéséhez szükséges. Alapvetően ez a webhely szerkezete (további modellek nélkül CSS-fájlok és egyéb addelections, amely a webhely-készítő mappában maradt). Ez a szerkezet Nem alkalmas a létrehozásra saját oldal "Másolás - betét", de lehetővé teszi, hogy lássa, mi a programozó, és milyen sorrendben, hogy a webhely a Google Chrome böngészőben ilyen külső kialakítással rendelkezzen.
2. A "View Code" részletes struktúrát jelenít meg az oldalra érintett területek elosztásával. Ha egy adott lista kódot hoz létre - egy elemet oszt ki a helyszínen, amelyhez tartozik.
3. Az oldalkód megtekintése egy külön böngészőben nyílik meg anélkül, hogy képes lenne szerkeszteni. Ez csak a webhelykód másolására és olvasására alkalmas. De ez nem kevésbé hasznos funkció.
4. "Kód megtekintése" módosítás, és módosíthatja az elemet, mivel kényelmes lesz az Ön számára. Természetesen - ezek az összes változás "él", amíg az oldal frissül, de néha szórakoztató, hogy mászni a beállításokat, és egyszerűen megértse, miért szükséges, és mi fog történni, ha megváltozik. Nem feltételezheti, hogy az ilyen cselekedetek önmagukban vagy webhelyen - ezek a változások csak a Google Chrome kódjában érvényesek, és nem megy online.

Tekintsük meg az elem kódjának megismerését

Ha valóban válaszol egy ilyen kérdésre, akkor csak egy lehetőség példaként. Mivel az egyik cikk olyan személyré válik, aki megérti ezt a témát (webfejlesztő) nagyon nehéz, de megmutatja a példát, hogy kimerüljön - hogy sokkal könnyebb legyen.

Az elemkód funkcionalitása nagyon széles, ezért az egyik szót a Google Chrome böngésző webhelyén vesszük. Azt akartuk, hogy melyik kulcsszavak (A kódban a webhelyünkre "kulcsszavak" -ként lesz regisztrálva. Ehhez hajtsa végre a következő algoritmust:

A funkció használatának módja a Google Chrome böngészőben

Általánosságban elmondható, hogy továbbra is reagál az elem kódjának, és miért van szükség, azt át kell adni a funkcióira. Nevezetesen, köszönhetően, hogy a Google Chrome böngésző bármely webhelyének elemét megtekintheti, mi:

• Lásd a webhely szerkezetét a fej ("webhely sapka") és a végső vég (végső parancs bármely program);
• Az összes webhely funkció megtekintése, nevezetesen: más webhelyekhez kapcsolódó hivatkozások, külső oldalak további moduljai és a beépített mérők jelenléte különböző információk gyűjtése érdekében;
• Megtudja, hogy a webhelyről történő másolás tilos-e vagy sem;
• A kódban minden más webhelyoldalra való hivatkozás kerül rögzítésre, valamint a tervezési és későbbi intézkedésekre, miután rákattintott rájuk kattintva.

Ez nem véges lista. De emlékeztetni kell arra, hogy különleges tudás nélkül - "Olvassa el" kódot google oldalak A Chrome szinte lehetetlen, és az így kapott adatok gyakorlatilag nem szükségesek a szokásos felhasználó.

Elem "Az elemkód megtekintése" nem működik

Azonnal meg kell mondania - minden webhely lesz nyílt hozzáférésű Az elemek kódjaihoz. Ez is, még a legnépszerűbb és drága webhelyek is nyitottak lesznek a kód megtekintéséhez. Ezért, abban az esetben, ha a Google Chrome böngészője nem aktív vagy kiadott hiba a következő lehetséges okokból:

• A felhasználói profil sérült;
• A rosszindulatú szoftverek jelenléte a számítógépen;
• A termelékenység növelése érdekében egy meghatározott kiterjesztéssel blokkolja (még ez is).

Javítsa ki a sérült felhasználói profilt

Készíteni Új profilEl kell távolítania a régiet a számítógépről. Ehhez hajtsa végre a következőket:

1. Zárja be a Google Chrome-t és indítsa el a beépített beépített windows böngésző Felfedező.
2. A következő parancsot a címsorba adjuk meg:% localappdata% \\ Google \\ Chrome \\ felhasználói adatok \\.
3. Amikor megnyílik a könyvtár, az "Alapértelmezett" mappát keresjük, és hozzáadjuk a "Biztonsági mentés" nevét, hogy a következők: "Backup alapértelmezett".
4. Most a böngésző krómjának bevezetése után új profil jön létre.

Távolítsa el a rosszindulatú szoftvert vagy annak maradványait

Ha egy új profil nem nyitotta meg az oldalelem oldalához való hozzáférést, és még mindig látjuk a hibát, a következő lépéseket:

1. Nyisd ki parancs sor Windows ("Run"), és írja be a "CMD" parancsot.
2. Adja meg a következő parancsot a sorban: RD / S / Q "% WINDIR% \\ SYSTEM32 \\ GROUPPOLICEUSERS".
3. Miután megerősítette az akciót, hajtsa végre ezt: Rd / S / Q "% windir% \\ System32 \\ grouppolicy".
4. Most "gpupdate / erő" (kancsók nélkül).

Ha mindent helyesen végeztünk, akkor újraindítás után google számítógép A Chrome megnyitja az elemek kódját és a böngésző munkaképességét általában.

Sokáig az opció "show" forrás Az oldalak "haszontalan és érdektelenek voltak. Míg a HTML-t a Codecademy-en és a saját helyszínek elrendezése nem fordult az új szenvedélyembe. A kérdés merült fel: Hol találhat valódi eseteket és kölcsönözzük érdekes megoldásokat a "Piggy Bank" -ra? A válasz váratlanul egyszerű volt, mint az összes zseniális: Nézze meg az oldal forráskódját a Google Chrome-ban! Megosztom veled a szerény találatokat.

Mi az oldal forráskódja

Ha te, mint én, csak az első lépések a HTML programozásban, akkor nem lesz szükségtelen, hogy megtudja, mi az oldal forráskódja.

Forráskód, ez HTML oldalkód - Szöveg a Hyper Text Markup Language (HTML). Ez magában foglalja az oldal tartalmát (szöveg, táblázat) és címkéket. Az utóbbi lejátszja a böngésző utasításának szerepét: Hogyan jelenítsük meg a tartalmat, milyen formázással kell használni, ha egy hiperhivatkozás vagy médiafájl behelyezése. Nos, nekünk, az újonc programozók forráskódja a legjobb képzési terület: találunk egy érdekes helyszínt és kémünket, megmentünk, sikeres töredékeket használunk. Hogyan?

A forráskód megtekintése a Google Chrome böngésző oldalán

Megtaláljuk a tetszőleges oldalt. Például érdekeltem az oldal menü végrehajtását. Nyílt forráskód a Google Chrome böngészőben három módon:

1. Kattintson az ikonra menü A böngésző jobb felső sarkában, és válassza ki a "További eszközök" elemet. Többek között a "Forráskód megtekintése" opcióval rendelkezik. Ritkán elismeri ez a módszer: Sok felesleges mozgások. Még könnyebb lehet.
2. Nyomja meg a gombot Ctrl + U. - az új ablak a forráskóddal nyílik meg;
3. A rajongók számára kontextus menü: Jobb egérgombbal kattintson az oldalra, és válassza ki az oldalkód opciót.

A HTML oldalkód megtekintéséhez a böngészőben. Menj a legérdekesebb színpadra.

A forráskód módosítása és mentése

A webhelyek létrehozásának megtanulása érdekében nem elegendő olvasni valaki más HTML-kódját. Meg kell játszani vele, kísérlet, módosítani, és ellenőrizze az eredményt. Elkezdheti kezdeni több sikeres minta összeállításával. Hogyan lehet szerkeszteni és menteni a forráskódot?

1. opció: "Kézi"

Miután megnyitottuk az oldal forráskódját, hívja a helyi menüt, és válassza ki a "Mentés" opciót, és mentse el a fájlt hDD. Szerkessze a fájl a jegyzettömb vagy jegyzettömb, mentse a módosításokat, és nyissa meg a böngészőn keresztül. A változások eredményeit (sikeres és nem túl) a böngészőablakban dicsérik.

2. lehetőség profik esetében

Ha a „play” a forráskód minden nap, a folyamat „Save - Open - Változás - Mentés - Check” gumikkal. Magam számára találtam egy megoldást a Google Chrome - Firebug Lite program formájában. Lehetővé teszi a forráskód szerkesztését és mentését, anélkül, hogy elhagyná a böngészőablakot.

1 szavazat

Jó nap, kedves olvasóim a blogomról. Ez történik a helyszínen néhány gyönyörű chip, és elkezdi kínozni a kérdést, hogy az alkotó hogyan ért el ilyen érdekes hatást.

Kiderül, hogy meglehetősen egyszerű megtalálni a választ. És ha van néhány készsége, sok ilyen zsetont választhat, és rövid idő alatt létrehozhatja saját egyedi webhelyét.

Ma beszélünk arról, hogyan kell megnyitni az oldalkódot, egy bizonyos elemet, és megtanulják használni ezt a képességet magadnak.

A kód alapismerete

A webhelyem az újoncok számára készült, és először szeretném elmondani a webhelyeket és a kódot a két szóban.

A kép rajzolásához vágja le a kis részekre, írjon kódot, köszönhetően, hogy a böngésző hozza az összes elemet egyetlen egészre. Úgy tűnik, hogy minden nagyon nehéz? Egyáltalán nem, és ez nem érdemes gyászolni erről.

A minőségi oldalak így jönnek létre. Szeretne - ez az eset és a tanulmányozás, nincs vágy - senki sem képes kényszeríteni Önt.

Csak azt mondom, hogy egy dolog ... Semmi sem kellemesebb, mint látni az általad írt érthetetlen szavakat egy egészre átalakítják, és életre jönnek: Linkek Munka, gombok mozognak, a képek mozognak, szöveg. Azt hiszem, tudom, hogy Viktor Frankenstein érezte.

Amikor elkezdi megérteni a titkos nyelvet, és látja, hogy minden valójában sokkal egyszerűbb, mint kezdetben úgy tűnt, hogy nem tudod elhinni a saját erejét és az agy lehetőségeit. Nagyon hűvös.

Hogyan készülnek a webhelyek? Ideális esetben, először. Csak képet készít. Például az alábbi ábrán látható módon. Bár ez csak egy kép, egy fotó. A hivatkozások nem működnek, ha megnyomja, ne menjen sehova, a keresés nem történik meg.

Ehhez a számhoz. Nézd meg az alábbi képernyőképet. Lehet, hogy nevetséges és nagyon összetett karakterkészlet. Tény, hogy minden nem olyan nehéz, van egy bizonyos algoritmus.

Csak mintegy 150 címke van, és mindegyik felelős egy bizonyos cselekvésért: Link, Átvitel, Fat, Color, címsor, és így tovább. Nem olyan nehéz kezelni őket, ha van egy vágy, és nem kár az idő.

Ezeknek az attribútumoknak köszönhetően szinte bármilyen feladatot megoldhat. De a cél elérésének módjai Minden fejlesztő megtalálja sajátját.

A tapasztalt alkotók azonnal látják az eredmények elérését, és másoknak gondolkodniuk kell, keressen választ a cikkekben vagy a versenytársak kezdeti kódexében. Egyszerűen meghozzák a szükséges részt egy harmadik fél webhelyén, és szerkesztik magukat. Ez jelentősen csökkenti a munkafolyamatot.

Egy kicsit később megmutatom neked egy konkrét példát.

A kód megtekintése

Tehát először mutasd meg, hogyan kell cselekedni, ha meg kell tanulnod valaki más HTML-jét. Ezután részletesebben figyelembe vesszük az összes többi kérdést.

A legjobb mód

Az a módszer, amelyen leírom az elsőt, egy kicsit bonyolult az újoncok számára, de ismerősként - elolvassa. Nyissa meg az oldalt, és kattintson a jobb egérgombra. Válassza ki a "Mentés ..." elemet

Mentse teljesen a weboldalt. Ahogy látod a képernyőképen, már előre letöltöttem mindent. Itt van két mappánk.

Van mindent, amire szüksége van. Minden elem. Ha megérted ezt, gyorsan megkaphatja mindent, amire szüksége van. De egy ilyen feladat egyre inkább megvalósítható. A letöltés nem történik meg. Mit tegyünk, ha tilos az oldal másolása?

Ez a Google Chrome

Ahogy valószínűleg észrevettél, leggyakrabban a Google Chrome-t használom, és megtudja, hogy valaki más kódja ebben a böngészőben könnyebb, mint az egyszerű. Elvileg mind egyébként is. A rendszer nem lesz, ami hasonló, de azonos. Megnyitjuk azt az oldalt, amelynek kódját szeretnénk tudni, és kattintson bárhol jobb egérgombbal. A megjelenő oldal kattintással kattintson az oldalkódra.

Az új ablak megnyílik egy olyan kódot, amelyben meglehetősen nehéz megérteni egy újoncot. De ne félj előre az idő előtt.

Ha csak egy elem kódját kell ismernie, elég ahhoz, hogy az egérrel és kattintson jobb gombbal. Válasszon másik króm funkciót: "A kódkód megtekintése".

Például érdekelhetem, hogy a logó hogyan készül egy kép- vagy programozási nyelv használatakor? Végtére is, akkor egy négyzetet rajzolhat cSS Súgó. Sok szakember azt tanácsolja, hogy a lehető legtöbb információt regisztráljon a kóddal. Hogyan működik a népszerű webhelyeken?

Így megjelent a szükséges információk. A fenti HTML-ről, a CSS alján. Ezek két nyelv. Az első felelős a szövegkomponensért, a második pedig a designért. Ha nincsenek CSS, akkor minden alkalommal meg kell adnod a színt, a betűméretet. Minden oldalra nagyon hosszú. De ha nincs HTML, akkor nem lenne szövege. Rudely elmagyarázta, de általában minden így van.

By the way, ha érdekli, hogyan van elrendezve itt, akkor megnézheti a link alját a képhez. Így válaszolsz.

Mozilla Firefox.

Ha szeretne dolgozni egy mazilisben, akkor minden is lesz. Nyissa meg az oldalt, és kattintson a jobb egérgombra. "Oldalforráskód", ha szeretné látni az összes teljes kódot.

Ha bármilyen elemre lebeg, akkor megnyithatja a kódját.

Itt az adatok megjelennek a képernyő alján, és egyébként minden is.

Yandex böngésző

A Yandex böngészőben minden az, mint az előző két verzióban, nyissa meg az oldalt, a jobb egérgombot, lásd az oldalkódot.

A kurzort az elemre hozza, ha meg akarjuk tudni a kódját.

Itt jelenik meg pontosan a Chrome-ban.

Opera

Nos, végül az opera.

By the way, talán észrevette, hogy nem volt szükséges az egér használata. A kód megnyitásához gyorsgombos kombináció és minden böngésző esetében ugyanaz: Ctrl + U..

Elemek: Ctrl + Shift + C.

Így néz ki az eredmény.

Érdekli a kezdők

És most nézd meg, hogy minden működik. Keresse meg egy webhelyet, és nagyon szereted valamilyen elemet. Például ez az egyik. Hogyan nyissa meg a már ismeri az elem kódját.

Most másolja meg.

Használom, helyezze be ezt a kódot egy új HTML fájlba, a testcímkén (a test angolul).

Most nézzük meg, hogyan fog megjelenni a böngészőben.

Kész. Annak érdekében, hogy a szöveg az élek mentén legyen, és zöldes színt szerezzen, csatlakozni kell ehhez a dokumentumhoz, és másoljon egy másik kódot a webhelyről, ahonnan megpróbáltuk ezt.

Most nem fogom ezt megtenni. Több időre van szüksége: és az enyém és a tiéd. Úgy gondolom, hogy minden részletet leírom a jövőbeni kiadványaimban. Feliratkozás a hírlevélre, és először ismerje meg a cikk megjelenését.

Ha nincs ereje, hogy elviselje, és többet szeretne megtudni a HTML-ről és a CSS-ről, akkor a hagyományok szabad képzési tanfolyamait ajánlhatom.

Itt van 33 lecke, akik lehetővé teszik a HTML mesterítését « Szabad kurzus által html " .

És itt teljes információ a CSS-ről - "Ingyenes CSS tanfolyam (45 videó oktatóanyag!)" .

Most már többet tudsz. Sikert kívánok a törekvéseiben. Új találkozókhoz!

A valószínűség megvizsgálja a kezdetet a kód Webes oldalak A kiszolgáló eredménye szerinti böngésző valójában minden internetes böngészőben valójában. Az érintett csapathoz való hozzáférés megközelítőleg azonos, de jelentős különbségek vannak annak, hogy milyen módszerrel és milyen formában jelenik meg, a kezdeti a kód .

Utasítás

1. BAN BEN a Mozilla böngészője. Firefox Nyissa meg a menü "Nézet" részét, és kattintson az előnyre a kód oldalak " A kontextus menüben ugyanaz a tétel is van, ha jobbra kattint a szövegre oldalak . A CTRL + U gombok kombinációjának alkalmazása. Mozilla Firefox. Nem használ külső programokat - a kezdeti a kód oldalak A szintaxis kiemelését külön böngészőablakban nyitják meg.

2. Megfigyelőben Internet böngésző. Kattintson a Fájl rész menüpontra, és válassza a Szerkesztés a Notepad programban. A Névjegyzék helyett egy másik programot, amelyet a böngésző beállításaihoz rendeltek a kezdeti megtekintéséhez a kód de. Kattintás oldalak Kattintson a jobb gombbal a helyi menüre, amelyben van egy elem, amely lehetővé teszi a kezdeti megnyitásához a kód oldalak ban ben külső program - "HTML megtekintése a kód de".

3. BAN BEN böngésző opera. Nyissa meg a menüt, menjen az "Oldal" részre, és valószínűleg inkább a "Fejlesztési módszer" alfejezetben részesíti előnyben a kód »Vagy az elsődleges a kód Freum. Az ilyen választás írásban van ctrl billentyűk + U és CTRL + SHIFT + U. A helyi menüben kattintva kapcsolódik oldalak Jobb egérgombbal is van egy elem "kezdeti a kód " Az Opera megnyitja a forráskódot oldalak A külső programban, amelyet az operációs rendszerhez vagy a HTML fájlok szerkesztéséhez rendeltek.

4. A Google Chrome böngésző kétségtelenül a legjobb kezdeti megtekintéssel rendelkezik a kód de. A jobb egérgombbal a "Nézet" a kód de oldalak "És akkor a szintaxis háttérvilágítású forrása külön lapon nyílik meg. És a string nézet azonos menüjében részesítheti előnyben a kód és az elem "és a böngésző ugyanazon a lapon megnyílik két további keretet, amelyben ellenőrizheti a HTML és a CSS-t a kód bármely elemből oldalak . A böngésző válaszol a kurzor mozgára a sorokban a kód A, kiemelve a HTML e szakaszának megfelelő elemeket a kód de.

5. Az Apple Safari böngészőben bontsa ki a "Nézet" részt, és válassza ki a "HTML" karakterláncot a kód de". A jobb egérgombbal kattintson a jobb egérgombbal kattintson a jobb egérgombbal oldalak A megfelelő pontot "forrásnak" nevezik. Ezt a műveletet az égő kulcsok írják elő a Ctrl + Alt + U. kezdeti a kód Megnyílik egy külön böngészőablakban.

Kijelentünk egy új könyv "tartalom marketinget közösségi hálózatok: Hogyan kell ülni az előfizetők fejében, és beleszeretsz a márkájába. "

Iratkozz fel

A webhely forráskódja a HTML jelölés, a CSS stílusok és a javaScript parancsfájlokhogy a böngésző megkapja a webszervert.

Több videó a csatornánkon - Ismerje meg az internetes marketinget a szemantikával

Összehasonlítható olyan csapatokkal, amelyek parancsnokot adnak katonáknak. Képzeld el, hogy a közönség nem látja, és nem hallja a fejét. Véleményük szerint a hadsereg önállóan hajtja végre az akciókat. A mi esetünkben a parancsnok böngésző, a parancsok a forráskód, és a menetelő katonák a végeredmény.

A webhely egy webszerveren tárolódik, amely egy oldalt küld a felhasználói kérésre. A lekérdezés az, hogy beírja az URL-t a címsorban, kattintson a linkre, vagy kattintson az űrlap küldése gombra. Nem számít, milyen nyelvű weboldalakat írtak, függetlenül attól, hogy tartalmaznak szoftver. A szerver algoritmus végeredménye HTML-címkék és szövegkészlet.
Az oldal forráskódja egy adatkészlet, amely tartalmazza:

• hTML jelölés;
• stilizált asztal vagy link a fájlhoz;
• a JavaScript-ben írt programok vagy a kódokkal kapcsolatos hivatkozások.

Ezeket a három szakaszot böngésző feldolgozza. A kiszolgálóhoz ez csak az a szöveg, amelyet a kérésre válaszolni szeretne.

Miért kell megtanulnunk a forráskódot

Mindössze annyit fogunk látni, hogy képesek vagyunk elemezni és alkalmazni a webhelyen dolgozó munkák során felmerülő feladatok megoldására, különösen az optimalizálás során. A forráskód megtekintése:

• Lásd az Ön vagy valaki más webhelyének meta címkéit az elemzéshez.
• Nézze meg néhány elem jelenlétét vagy hiányát az oldalon: számlálók, azonosító kódok különböző rendszerekmeghatározott szkriptek és egyéb dolgok.
• Ismerje meg az elemek paramétereit: Méretek, színek, betűtípusok.
• Keressen egy módot az oldalon található fotók és egyéb elemek.
• Vizsgálja meg az oldalról szóló linkeket.
• Keressen problémákat a kóddal, amely zavarja az oldaloptimalizálási folyamatot: elviselhetetlen különálló fájlok Stílusok, szkriptek, érvénytelen kód.

Ezek a fő jellemzők, de valójában olvashatják a kódot, sokkal többet tudsz megtudni az oldalról.

A webhely forráskódjának megtekintése

Teljesen az a formában, amelyben a kiszolgálón közzéteszik, nem lehet ezt megtenni a böngészőből. De az összes jelölést az oldal jobb egérgombbal kattintva láthatja. A továbbiakban a Google Chrome példáján.

Válassza ki a "Oldalkód megtekintése" opciót, és kapjon teljes listát egy külön lapon.

Ez csak egy olyan szöveg, amely meg kell vizsgálnia, hogy megértse. De az interaktív kódot a fejlesztői eszközök segítségével kaphatja meg.

Hogyan lehet megtalálni a webhely oldal forráskódját

Kattintson a menü ikonjára a böngészőben. Leggyakrabban a jobb oldalon van, és három pont vagy csík megjelenése van.

A Speciális eszközök részben válassza a "Fejlesztői eszközök" lehetőséget.

Egy ablak nyílik meg, amely megjeleníti a kód aktív állapotát. Ez azt jelenti, hogy amikor az egérkattintás a jelölésre kattint, megjelenik az elemstílus, és a kiválasztott blokkok kiemelve lesz az oldalon.

A Forrás lapon megtekintheti egyes fájlok tartalmát: szkriptek, betűtípusok, képek.

A Biztonság lapon rendelkezésre áll egy vizsgálati tanúsítvány.

Az Audits fül segít ellenőrizni az erőforrás-tárhelyet.

Ha a panel helye kényelmetlen, három pontot megnyomhat, és módosíthatja azt a kívánt elem kiválasztásával.

Hogyan láthatjuk a meta címkéket

Minden HTML-dokumentum tartalmaz szerkezeti címkéket. Itt van néhány közülük:

1. A HTML az egész dokumentum.
2. Fej - a szervizfejlécek szakasza.
3. Cím - oldal címe (megjelenik a fülön).
4. Testrész a dokumentum.
5. H1-H6 - Oldal szövegfejlécek.
6. Cikk - cikk.
7. Szakasz - szakasz.
8. Menü - menü.
9. Div - Block.
10. Span - vonal.
11. P - bekezdés.
12. Asztali asztal.

Az elemek az oldalon található szakaszok logikai elválasztására szolgálnak, szükség esetén stílusokkal készülnek. Ezek tartalmaznak olyan szöveget, amely valahogy látható az oldalon. De a fejcímke jelen van. Utasítása érdekében a meta címkék szolgálnak. Minden, amit írtak benne, a kiszolgáló és a keresőmotorok számára készült.

Tartalmukat más módon nem ismeri fel.

Figyeljen a Link címkére. Ezzel van megadva a külső plug-in fájlokra való hivatkozások. Ha szeretné, láthatja a tartalmat, és mentheti a lemezen. Ehhez mozgassa a mutatót a címre, majd kattintson a PCM gombra. Válassza az Új lap megnyitását.

Az Új lap megnyílik meghatározott fájlamely megtekinthető vagy menthető.

A forráskód megtekintése a forgatókönyv hibakereséséhez

Ebben az esetben kényelmes megnyitni az oldalt a helyi gépen. Ha csak meg kell javítania a jelölést, a stílusokat és a parancsfájlokat, akkor közvetlenül a mappából készülhet. A HTML kódot ugyanúgy nézik meg. De a JavaScript kód hibái láthatóak a "Console" lapon. Itt mutatja a hiba leírását és a sorszámot, amelyben származik.

A szintaxis közvetlenül a kódban látható. Ehhez a forrásfület tervezték.

Hogyan láthatja az adott tételkódot

Nagy számú elemek esetében nehéz megtalálni a kívánt kódot az egész jelölésben. Ebben az esetben használjon speciális helyi menüparancsot. Az egeret a fragmentumon, és nyomja meg a PCM-t. Válassza ki a "View Code" parancsot.

Ugyanez az ablak nyílik meg, de a kiválasztott objektumra összpontosítva.

Összefoglaló

Azt mondtuk, mi az oldal forráskódja. Elég ahhoz, hogy elsajátítsa a HTML és a CSS elemi ismereteit, és a kényelmes fejlesztői eszközök segítségével hibakereményezheti saját HTML dokumentumait.

Az erőforrás-kód megtekintése az interneten lehetővé teszi, hogy ne csak a saját tapasztalatait, hanem valódi munkálkodási példákat is használjon. És a SEO szakemberek hasznos meta-címkék, információk, amelyekben sokat mondhat a webhelyről.