Hur man hittar vilken fil koden finns i. Hur man snabbt öppnar en sidkod i en webbläsare, även om kopiering är förbjudet

Den här senaste artikeln är skriven för att täcka den senaste informationen om att ta bort onödiga länkar från Blogspot-mallar samt nya Blogger-teman. Som ni vet skedde förändringar i Blogger-koder under 2018, så många åtgärder med koden måste göras på ett nytt sätt. Dessutom har nya ämnen dykt upp som är utformade på ett annat sätt. I samband med dessa ändringar kommer vi att diskutera ämnet att ta bort länkar.
Du kan kontrollera din blogg för närvaron av externa länkar på tjänsterna https://pr-cy.ru/link_extractor/ och https://seolik.ru/links. Glöm inte att du inte bara behöver kontrollera bloggens huvudsida, utan även inläggssidan och sidan. Ett stort antal externa länkar öppna för indexering förhindrar .

Hur man tar bort länkar från gamla standardmall Blogger Använder den enkla mallen som exempel.
Sådana mallar ger flest externa länkar. På min testblogg, när jag installerade ett enkelt tema, kollade jag att det fanns 25 externa länkar på huvudsidan, varav 14 var indexerade.
Jag påminner dig om att innan du gör ändringar i mallkoden, gör en säkerhetskopia!
  • Ta bort länk till Blogger - https://www.blogger.com/. Den här länken finns i Attribution-widgeten. På fliken "Bloggdesign" visas den som Attribution-gadgeten och . För att ta bort det, gå till fliken "Tema" -> redigera HTML. Genom att söka efter widgets (lista över widgets) hittar vi Attribution1 och tar bort all kod tillsammans med sidfotssektionen där den är innesluten. Så här ser den borttagna koden ut kollapsad:


    Och här är hela koden:














    Spara ändringarna och kolla bloggen efter Attribution.
  • Du har naturligtvis sett "skiftnyckel och skruvmejsel"-ikonerna på din blogg för att snabbt redigera widgets. Varje sådan ikon bär med sig en extern länk till Blogger. De är nu stängda taggad nofollow, men du måste fortfarande bli av med dem. Du kommer att redigera widgets på fliken Design.
    Här ofullständig lista länkar som är krypterade med skiftnyckelikoner (blogg-ID:t blir ditt)
    - HTML1-widget: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - HTML2-widget http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Blogg arkiv: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Blogggenvägar: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Populära meddelanden: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Det är lätt att bli av med alla dessa länkar. Hitta taggen i din bloggmall. Det visas lika många gånger som det finns widgets på din blogg. Ta bort alla förekomster av taggen.
  • Tar bort länkar till snabb redigering blogginlägg ("penna"-ikonen). Gör det lättare att redigera inlägg, men utgör ett hot som en extern länk som: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Så här tar du bort:
    Metod 1. På fliken Design, redigera elementet "Blogginlägg" och avmarkera kryssrutan "Visa "Snabbredigering".
    Metod 2. Hitta taggen i din bloggmall och ta bort den. Spara dina ändringar och kolla din blogg efter ikonen och länken.
  • Ta bort Navbar. Sök efter widgets i html mall blogga Navbar1 och ta bort all kod tillsammans med avsnittet.

    Nämligen:




    function setAttributeOnload(objekt, attribut, val) (
    if(window.addEventListener) (
    window.addEventListener("ladda",
    function())( objekt = val; ), false);
    ) annat (
    window.attachEvent("onload", function())( objekt = val; ));
    }
    }




    gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() (
    if (gapi.iframes && gapi.iframes.getContext) (
    gapi.iframes.getContext().openChild((
    url: "https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x26navbarType\x236DYPE\x236Type\x26navbarType\x236Type\x24 Root \x3dhttps://m-ynewblog.blogspot.com /search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571",
    var: document.getElementById("navbar-iframe-container"),
    id: "navbar-iframe"
    });
    }
    });

    (funktion() (
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "//pagead2.googlesyndication.com/pagead/js/google_top_exp.js";
    var head = document.getElementsByTagName("head");
    om (huvud) (
    head.appendChild(script);
    }})();



    Nu tillhandahåller inte bloggen Navbar indexerbara externa länkar, men jag tror att detta extra element, som inte bär en funktionell belastning, och det är bättre att ta bort det.
  • Avlägsna externa länkar till bilderna. När du laddar upp bilder till ett blogginlägg bäddas en länk automatiskt in i bilden. För att ta bort sådana länkar måste du redigera alla blogginlägg. I läget "Visa" och sedan på ikonen "Länk". Om bilden inte innehåller en extern länk, när du klickar på fotot i inläggsredigeraren, är "Länk"-ikonen inte aktiv (ikonen är inte markerad).

  • Ta bort länken till bloggförfattarens profil. Ta bort författaren till bloggen under inlägget. För att göra detta, hitta den sanna koden och skriv falskt istället för sant. Det kommer att visa sig falskt
  • Stäng länken från widgeten " " från indexering med nofollow-taggen. Om du använder "profil"-widgeten på din blogg, leta sedan igenom snabbsökning av widgets i bloggmallen, gadgetkod Profil1. Du måste redigera widgetkoden, ersätta rel=’author’ med rel=’nofollow’ på två ställen och lägga till rel=’nofollow’ till två länkar. Du borde få något i stil med skärmdumpen:


    Gjord med hjälp av exemplet med profilredigering Google Plus. Som en påminnelse kommer Google Plus att upphöra den 2 april 2019. Följaktligen, efter detta datum, måste du göra andra ändringar i widgetkoden "Om mig".

  • Vi kontrollerar om det finns externa länkar på alla sidor i ett Blogspot-inlägg där kommentarer har lämnats. Hitta och ta bort koden i din bloggmall:

    I Blogginställningar, följ sökvägen Blogginställningar -> Annat -> Webbplatsflöde -> Tillåt bloggflöde, tillämpa följande inställningar:

  • Ta bort externa länkar från den nya standardmallen för Blogger. Använd temat Notable som exempel
  • Ta bort attribution (länk nedan – Blogger Technologies)
    Vi hittar Attribution1 i bloggmallen för att söka efter widgets (lista med widgets) och tar bort koden tillsammans med avsnittet, liknande den gamla Blogger-mallen (se ovan 1).
  • Vi tar bort länken från widgeten "Anmäl missbruk". Det här är ReportAbuse1-widgeten. Vi hittar i sökningen efter widgets:
    Hela koden ser ut så här:




  • Vi kollar blogginläggssidan med kommentarer och tar bort länkar i analogi med de gamla bloggmallarna (se ovan - punkt 8).
  • Vi tar bort länkar från blogginlägg som är inbäddade i bilder på inlägg (se punkt 5).
  • Varje internetanvändare har sina egna favoritsajter som han tillbringar lång tid på. Och bara de lata tänkte inte på att titta på hur det skapades och vad det bestod av. Det är omöjligt att svara på alla dessa frågor, eftersom det finns många sätt att skapa en webbplats, men att titta på de kommandon och koder som utgör den är möjligt och offentligt tillgängligt för alla.

    En annan fråga är om en person som inte är inblandad i programmering kommer att förstå någon av symbolerna som utgör koden. Men från exemplen som kommer att ges nedan kommer alla Google Chrome-användare att kunna se enskilda delar av webbplatser.

    Hur man visar källkoden för en HTML-sida i en Google-webbläsare

    För att du ska kunna se sidkoden i Chrome måste du gå till webbplatsen du är intresserad av och utföra följande steg:


    Dessa två objekt skiljer sig åt i sin funktionalitet och information för användaren, programmeraren eller hackaren.

    Vad är skillnaden mellan sidkoden och bara kommandot "Visa kod"?

    Genom att analysera var och en av dessa funktioner kan du skriva en separat artikel. För programmerare är denna skillnad betydande och de förstår i vilka fall det är nödvändigt att använda "Visa kod" och i vilken "Visa sidkod" i webbläsaren Google Chrome.

    Men för att förklara för den genomsnittliga användaren kan dessa funktioner delas in i följande syften:

  • "Visa sidkod" är bara nödvändigt för att se huvudkombinationen av sidan. I grund och botten är detta strukturen på webbplatsen (utan ytterligare modeller i form av CSS-filer och andra tillägg som finns kvar i webbplatsskaparens mapp). Denna struktur är inte lämplig för att skapa din egen sida genom att "kopiera-klistra", men den låter dig se exakt vad programmeraren gjorde och i vilken ordningsföljd för att säkerställa att webbplatsen i webbläsaren Google Chrome hade en sådan extern design.
  • "Visa kod" visar en detaljerad struktur som markerar alla områden som påverkas på sidan. Om du håller muspekaren över en specifik listkod kommer den att markera elementet på webbplatsen som den tillhör.
  • Visning av sidkoden öppnas i en separat webbläsare utan möjlighet att redigera den. Det vill säga, den är endast lämplig för kopiering och läsning av webbplatskod. Men detta är inte mindre användbar funktion.
  • "Visa kod" kan ändras och du kan redigera vilket element som helst på ett sätt som passar dig. Naturligtvis kommer alla dessa ändringar att "leva" tills sidan uppdateras, men ibland är det kul att gå igenom dessa inställningar och bara förstå varför det här eller det värdet behövs, och vad som händer om du ändrar det. Du bör inte anta att du genom sådana handlingar kommer att skada dig själv eller webbplatsen - dessa ändringar påverkar bara koden för din Google Chrome och går inte online.
  • Vi överväger frågan om hur man ser elementkoden

    Om vi ​​skulle svara på en sådan fråga, så är det enda alternativet som föreslår sig ett exempel. För i en artikel är det väldigt svårt att bli en person som förstår detta ämne (webbutvecklare), men att visa med ett exempel så att frågan är avgjord är mycket lättare.

    Funktionaliteten hos elementkoden är mycket bred, så vi tar ett av orden på webbläsaren Google Chrome. Vi ville överväga vilka sökord (i koden kommer det att skrivas som "sökord") som användes för vår webbplats. För att göra detta utför vi följande algoritm:

    Andra sätt att använda den här funktionen i webbläsaren Google Chrome

    I allmänhet, om du fortsätter att svara på frågan om hur man ser på koden för ett element och varför det behövs, bör du lista dess funktioner. Tack vare möjligheten att se koden för ett element på vilken webbplats som helst i webbläsaren Google Chrome kan vi:

    • Se strukturen på webbplatsen som börjar från head ("webbplatshuvud") och slutar med end (det sista kommandot för något program);
    • Se alla funktioner på webbplatsen, nämligen: länkar till andra webbplatser, ytterligare moduler från externa webbplatser och närvaron av inbyggda räknare för att samla in olika information;
    • Ta reda på om kopiering från webbplatsen är förbjuden eller inte;
    • Koden kommer att registrera alla länkar till andra sidor på webbplatsen, såväl som deras design och efterföljande åtgärder efter att ha klickat på dem.

    Detta är inte på något sätt en ändlig lista. Men det bör komma ihåg att utan speciell kunskap är det nästan omöjligt att "läsa" koden för en Google Chrome-sida och den mottagna informationen behövs praktiskt taget inte av en vanlig användare.

    Objektet "Visa elementkod" fungerar inte

    Det bör sägas omedelbart att varje webbplats kommer att ha öppen tillgång till elementkoder. Det vill säga, även de mest populära och dyra sajterna kommer att vara öppna för att se sin kod. Därför, om objektet i webbläsaren Google Chrome inte är aktivt eller genererar ett fel, har det följande möjliga orsaker:

    • Användarprofilen är skadad;
    • Förekomsten av skadlig programvara på datorn;
    • Blockering av en viss förlängning för att öka prestandan (även detta kan hända).
    Åtgärda en skadad användarprofil

    För att skapa en ny profil måste du ta bort den gamla från din dator. För att göra detta gör vi följande:

  • Stäng Google Chrome och starta den inbyggda webbläsaren Windows Explorer.
  • Ange följande kommando i adressfältet: %LOCALAPPDATA%\Google\Chrome\User Data\.
  • När katalogen öppnas, leta efter mappen "Default" och lägg till "Backup" till dess namn så att du får följande: "Backup Default".
  • Nu, efter att ha startat om webbläsaren Chrome, skapas en ny profil.
  • Vi tar bort skadlig programvara eller rester av den

    Om den nya profilen inte ger oss åtkomst till sidelementkoden och vi fortfarande ser felet bör vi göra följande:

  • Öppna Windows-kommandoraden ("Kör") och ange kommandot "cmd" där.
  • Skriv in följande kommando på raden: RD /S /Q "%WinDir%\System32\GroupPolicyUsers".
  • När du har bekräftat åtgärden anger du detta: RD /S /Q “%WinDir%\System32\GroupPolicy”.
  • Nu "gpupdate /force" (utan citattecken).
  • Om allt gjordes korrekt kommer Google Chrome att öppna koden för elementen efter omstart av datorn och webbläsaren fungerar normalt.

    Oavsett om du gillar det eller inte, måste du förr eller senare komma in i dina WordPress-filer och redigera dem för att passa dina behov. Det finns också möjlighet att locka programmerare, men varje sådan begäran kommer att kosta dig pengar, i de flesta fall anständiga pengar för enkelt arbete som tar lite tid. För att spara dina pengar, som kan spenderas på att marknadsföra din webbplats, och inte på en programmerare, kommer jag att lära dig hur du snabbt hittar de nödvändiga kodavsnitten i plugin- eller temafilerna.


    Varför behöver du en snabb sökning i php, CSS, html-filer?

    De flesta av er, som har vänt er till den här artikeln, vet redan varför de behöver en sådan funktion, genom att söka igenom alla filer på en gång, men om du kom in i domstolen av misstag, kommer jag att ge dig typiska exempel som passar detta ämne.

    Du kan behöva hitta:

    • Klasser. När du bestämmer dig för att fixa en klass, eller konfigurera den på annat sätt, måste du hitta platsen där den används. Kommer det att vara CSS-filer eller något annat.
    • Redigeringsfunktioner. Om du bestämmer dig för att fixa en funktion är det bra att du kan hitta den i funktionsfilerna, men då måste du också bestämma var den kallas i andra filer.
    • Rengör temat från . Inte så liten betydelse är att minska antalet förfrågningar till databasen, som WordPress genererar väldigt många av, genom att anropa inbyggda funktioner, t.ex. .

    Alla andra problem du har relaterat till att söka efter element i en okänd fil kommer att lösas av guiden nedan.

    Hur söker man efter kodsektioner i filer?

    För att komma igång måste vi ladda ner och installera den snabba och användbara Notepad++-redigeraren, som kan laddas ner från den här länken.

    Efter installationen, gå till redigeraren och öppna filerna vi behöver, jag tar Twenty Fourteen temafilerna, du kan använda dina.

    För att öppna alla temafiler måste du markera dem alla och dra dem till redigeringsfönstret.

    Filerna överfördes, i allmänhet kunde vi inte göra detta, men i framtiden kommer det att gå snabbare att redigera dem.

    Filer i editorn? Bra, nu tar vi fram sökfönstret genom att trycka på tangenterna Skift + Ctrl + F, vi kommer att se följande:

    I exemplet angav jag klassens namn för att indikera artikelförfattarens märke i publikationer. Detta kan vara nödvändigt för de som skapar dubbletter av sidor.

    I fältet "Mapp" anger du mappen med temat där våra filer finns. Efter det klickar du på knappen "Sök alla".

    Om du anger parametern korrekt kommer du längst ner på skärmen att se en lista över filer där denna klass och kodrader används, för snabb sökning.

    I mitt fall är dessa två filer som finns på den angivna grön adress. Själva klassen är markerad med rött, vilket kan hittas genom att scrolla horisontellt.

    Efter att ha bestämt filkatalogen och raden där parametern används, kan du fortsätta till redigering.

    För tydlighetens skull, låt oss också definiera en "malign" tagg blogginfo, när de anropas skapas frågor till databasen.

    Du kommer förmodligen att bli förvånad över antalet samtal till denna funktion, som enkelt kan göras statisk utan att sakta ner motorn.

    Och att minst 8 anrop till databasen från varje sidladdning för varje användare kan undvikas om du justerar mallkoden korrekt.

    Om du stöter på några svårigheter, skriv i kommentarerna, vi ska försöka hjälpa, eller om du vet mer snabbt sätt Sök nödvändig information i filerna tar jag också gärna en titt.

    När du tittar igenom otaliga webbplatser på Internet kan du hitta sådana som vi verkligen gillar. Ett antal frågor dyker genast upp. Gjordes sajten med hjälp av hemgjord kod eller någon form av CMS? Vilka CSS-stilar har den? Vilka är dess metataggar? Och så vidare.

    Det finns många verktyg som kan användas för att extrahera information om koden för en webbsida. Men vi har alltid rätt musknapp till hands. Detta är vad vi kommer att använda, med min sida som exempel.

    Hur ser man sidkoden?

    Att se källa webbplatssidor måste du föra musen över vilket område som helst på webbsidan (förutom bilder och länkar). Efter det klicka på höger knapp möss. Ett fönster med flera alternativ öppnas framför oss (i olika webbläsare de kan skilja sig något). I Google webbläsare Chrome, till exempel, dessa är kommandona:

    • tillbaka;
    • fram;
    • starta om;
    • spara som;
    • täta;
    • översätt till ryska;
    • visa sidkod;
    • visa kod.

    Vi måste klicka på visa sidkod, och html-koden för webbplatssidan öppnas framför oss.

    Visa sidkoden: vad ska man vara uppmärksam på?

    Så HTML-sidans kod är en numrerad lista med rader, som var och en innehåller information om hur den här webbplatsen är gjord. Att snabbt lära sig förstå detta enorma antal tecken och speciella karaktärer måste du skilja mellan olika delar av koden.

    Till exempel innehåller kodrader inuti head-taggen information för sökmotorer och webbansvariga. De visas inte på webbplatsen. Här kan du se hur nyckelord Den här sidan marknadsförs utifrån hur dess titel och beskrivning är skriven. Du kan också hitta en länk här, genom att klicka på vilken vi kommer att lära oss om familjen google typsnitt används på sajten.

    Om sajten är gjord på CMS WordPress eller Joomla, då kommer det också att synas här. Det här området visar till exempel information om WordPress tema eller Joomla mall webbplats. Du kan se det genom att läsa innehållet i länkarna som är markerade i blått. En länk visar en webbplatsmall.

    Till exempel:

    //fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

    Vi kommer att se sidans CSS-teckensnittsstilar. I I detta fall teckensnitt som används. Detta kan ses här - font-family: 'Source Sans Pro'.

    Denna sida är optimerad med hjälp av ett SEO-plugin Yoast SEO. Detta kan ses från detta kommenterade avsnitt av kod:

    Denna webbplats är optimerad med Yoast SEO-plugin v3.4.2 - https://yoast.com/wordpress/plugins/seo/

    All information som finns inuti body-taggen visas av webbläsaren på skärmen. Här ser vi html-koden för sidan, och längst ner finns Yandex Metrics-skriptkoden. Den är omgiven av en kommenterad tagg med texten:

    /Yandex.Metrika räknare

    Låt oss sammanfatta det

    Efter att ha utfört en ganska ytlig analys av koden startsida webbplats, kan vi dra en slutsats om de verktyg som denna sida gjordes med. Vi såg på den:

    • CMS WordPress;
    • Google teckensnitt Source Sans Pro;
    • WordPress-tema – Sydney;
    • Yoast plugins;
    • Yandex mätvärdesräknare.

    Nu analysprincipen html-kod Sidan är ganska tydlig. Det är inte alls nödvändigt att hålla sidan du letar efter öppen i webbläsaren. Du kan spara sidkoden på din dator med tangentkombinationerna ctrl+a, ctrl+c, ctrl+v. Klistra in den i valfri textredigerare(Anteckningar++ är bättre) och spara med html-tillägg. Således kan du när som helst studera det djupare och hitta mer användbar information för dig själv.

    Vi släppte ny bok"Innehållsmarknadsföring i i sociala nätverk: Hur du kommer in i dina prenumeranters huvuden och får dem att bli kära i ditt varumärke."

    Prenumerera

    Källkoden för webbplatsen är en uppsättning HTML-kod, CSS-stilar Och JavaScript-skript, som webbläsaren tar emot från webbservern.

    Fler videor på vår kanal - lär dig internetmarknadsföring med SEMANTICA

    Det kan jämföras med en uppsättning kommandon som ges till soldater av en befälhavare. Föreställ dig att publiken inte ser eller hör chefen. Ur deras synvinkel utför militären åtgärder självständigt. I vårt fall är befälhavaren webbläsaren, kommandona är källkoden och de marscherande soldaterna är det slutliga resultatet.

    Webbplatsen lagras på en webbserver som skickar sidan på användarens begäran. En begäran är att skriva en URL i adressfältet, klicka på en länk eller klicka på en skicka-knapp på ett formulär. Det spelar ingen roll vilket språk webbsidorna är skrivna på, om de innehåller mjukvarudel. Slutresultatet av alla algoritmer på serversidan är en uppsättning html-taggar och text.
    Sidans källkod är en uppsättning data som inkluderar:

    • html-uppmärkning;
    • stilmall eller fillänk;
    • program skrivna i JavaScript eller länkar till filer med kod.

    Dessa tre avsnitt bearbetas av webbläsaren. För servern är detta helt enkelt texten som måste skickas som svar på begäran.

    Varför vi kan behöva studera källkoden

    Allt vi ser kan vi analysera och tillämpa för att lösa vissa problem som uppstår när vi arbetar med sajten, speciellt när vi optimerar den. Genom att titta på källkoden kan vi:

    • Se metataggarna på din eller någon annans webbplats för att analysera dem.
    • Se närvaron eller frånvaron av vissa element på webbplatsen: diskar, identifieringskoder i olika system, vissa manus och andra saker.
    • Ta reda på parametrarna för elementen: storlekar, färger, typsnitt.
    • Hitta vägen till foton och andra element på sidan.
    • Utforska länkar från sidan.
    • Hitta problem med koden som stör processen för webbplatsoptimering: de som inte tas upp i separata filer stilar, skript, ogiltig kod.

    Det här är de grundläggande funktionerna, men faktiskt, genom att kunna läsa koden, kan du lära dig mycket mer om sidan.

    Hur man visar källkoden för en webbplats

    Det kommer inte att vara möjligt att göra detta helt i den form som det läggs upp på servern från webbläsaren. Men du kan se alla markeringar genom att högerklicka på sidan. Här och nedan med ett exempel Google Chrome.

    Välj alternativet "Visa sidkod" och få hela listan på en separat flik.

    Det är bara text som du måste analysera för att förstå. Men du kan få interaktiv kod med hjälp av utvecklarverktygen.

    Hur man hittar källkoden för en webbsida

    Klicka på menyikonen i webbläsaren. Oftast är det till höger och ser ut som tre prickar eller ränder.

    I kapitel ytterligare verktyg välj "Utvecklarverktyg".

    Ett fönster öppnas som visar kodens aktiva tillstånd. Det betyder att när du klickar på markeringen kommer elementstilen att visas bredvid den, och de valda blocken kommer att markeras på sidan.

    På fliken "Källa" kan du se innehållet i vissa filer: skript, typsnitt, bilder.

    På fliken "Säkerhet" kan du kontrollera webbplatsens certifikat.

    Fliken "Revisioner" hjälper dig att kontrollera resursen som publicerats på webbhotellet.

    Om platsen för panelen till höger är obekväm kan du klicka på de tre prickarna och ändra den genom att välja önskat objekt.

    Hur man visar metataggar

    Varje HTML-dokument innehåller strukturtaggar. Här är några av dem:

  • Html – hela dokumentet.
  • Huvud – sektion av servicehuvuden.
  • Titel – sidrubrik (visas på fliken).
  • Kropp – brödtexten i dokumentet.
  • H1-H6 – sidtextrubriker.
  • Artikel – artikel.
  • Avsnitt - avsnitt.
  • Meny – meny.
  • Div – block.
  • Spännvidd – sträng.
  • P – stycke.
  • Bord – bord.
  • Element är designade för att logiskt avgränsa avsnitt på en sida om det behövs, de är designade med hjälp av stilar. De innehåller text som på något sätt syns på sidan. Men i tag Head det finns serviceinformation. Metataggar används för att indikera det. Allt som skrivs i dem är avsett för servern och sökmotorerna.

    Deras innehåll går inte att ta reda på på något annat sätt.

    Låt oss uppmärksamma Länktagg. Med dess hjälp specificeras länkar till externa inkluderade filer. Om så önskas kan du se innehållet och spara på disk. För att göra detta, flytta pekaren till adressen och tryck på RMB. Välj "Öppna i ny flik".

    Kommer att öppnas i en ny flik specificerad fil, som du kan visa eller spara.

    Hur man visar källkoden för en sida för att felsöka ett skript

    I det här fallet är det mest bekvämt att öppna sidan på lokal maskin. Om du bara behöver korrigera uppmärkning, stilar och skript, så kan detta göras direkt från mappen. HTML-koden ses på samma sätt. Här är misstagen JavaScript-kod kan ses på fliken "Konsol". Detta visar beskrivningen av felet och radnumret där det inträffade.

    Syntaxen kan ses direkt i koden. Det här är vad fliken "Källa" är till för.

    Hur man visar koden för ett specifikt element

    För stora sidor med stor mängd element är svåra att hitta nödvändig kod under hela uppmärkningen. I det här fallet bör du använda specialteam innehållsmeny. Flytta musen över fragmentet och tryck på RMB. Välj kommandot "Visa kod".

    Samma fönster öppnas, men med fokus på det valda objektet.

    Sammanfattning

    Vi berättade för dig vad sidans källkod är. Det räcker med att behärska grundläggande kunskaper i HTML och CSS, och att använda bekväma verktyg utvecklare kan du felsöka dina egna HTML-dokument.

    Genom att titta på resurskod på Internet kan du inte bara lära dig av egen erfarenhet, men använd också verkliga arbetsexempel. Och för SEO-specialister kommer metataggar att vara användbara, informationen där kan berätta mycket om webbplatsen.