Wat betekent hoofd? Head tag: creatie, configuratie en doel

Alle tags die zich tussen en bevinden, zijn zoiets als officiële technische informatie. Neem een ​​tag als voorbeeld: dit is een titel. Waar is het voor, vraag je?

Open uw browser en bekijk ze allemaal opdrachtregels(namelijk op de titel van het venster)... Heb je het gezien?

Het HEAD-element (aangegeven door de tags en) wordt direct vóór de hoofdtekst geplaatst HTML-document, die wordt gedefinieerd door de tags en ().

Tussen de tags en kunnen zich de volgende componenten bevinden:

HEAD - definieert het begin en einde van het element, waarbinnen alle service-informatie bedoeld voor de browser zich bevindt.

TITEL - geeft de naam aan van het document (internetpagina), dat wordt weergegeven in het browservenster. Kan worden gespecificeerd, maar niet meer dan één keer.

BASEREN definieert basis adres, waarvan ze vervolgens tellen relatieve koppelingen in uw document. Heeft geen afsluitende tag. Tegelijkertijd is een verplicht punt hier de aanwezigheid van ten minste één van de parameters (attributen):
  • HREF— bepaalt het basisadres (URL) van de internetpagina;
  • DOEL— definieert het frame (de naam ervan) dat standaard in hyperlinks wordt gebruikt.

Voorbeeld.




Website creatie

...


Lijst
...

STIJL - gebruikt om een ​​trapsgewijze stijlpagina in een document in te voegen CSS (Cascade-stijlblad).

Heeft de volgende kenmerken:

  • TYPE— definieert het MIME-type van het stijlblad dat moet worden geïntegreerd. Is een vereist attribuut en heeft meestal een waarde "tekst/css" .
  • TITEL— definieert de naam van het trapsgewijze stijlblad. Dit is nodig als u van plan bent meerdere regels in één document te gebruiken STIJL. In dit geval wordt de browser gedwongen te vragen welke van de voorgestelde stijlen van toepassing zal zijn op het document. Alle moderne browsers negeer dit kenmerk - u kunt het niet gebruiken.

Voorbeeld.


Een tafel gebruiken CSS-stijlen



LINK - bepaalt de relatie van uw document met andere objecten. Heeft geen afsluitende tag.

Kenmerken

  • HREF— definieert de URL van het document (internetpagina).
  • REL— bepaalt hoe het document gerelateerd is aan het object gedefinieerd door de HREF-parameter. Kan de volgende betekenissen hebben:
  • stijlblad— verwijst naar een bestand dat een CSS-stijlblad bevat. De browser downloadt het CSS-bestand van het adres dat is opgegeven in de HREF-parameter en past het vervolgens toe op het document.
  • thuis- wijst naar Startpagina plaats.
  • toc, inhoud - wijs naar het bestand dat de inhoudsopgave van het document bevat.
  • inhoudsopgave— verwijst naar een bestand dat informatie bevat voor het zoeken in de index van het document.
  • woordenlijst— verwijst naar een bestand dat een lijst met termen bevat die betrekking hebben op het document.
  • auteursrechten— verwijst naar een pagina op de site die informatie biedt over auteursrecht, de makers ervan, enz.
  • op, ouder— verwijst naar de “bovenliggende” pagina (de pagina die één stap boven alle pagina’s staat).
  • kind— verwijst naar een “kind”-pagina (een pagina die één stap onder een bepaalde pagina ligt).
  • volgende— verwijst naar de volgende pagina.
  • vorig— verwijst naar de vorige pagina.
  • laatste, einde— verwijst naar de laatste pagina.
  • Eerst— verwijst naar de eerste pagina.
  • hulp— verwijst naar een pagina met een hint.
    • TYPE— bepaalt het MIME-type voor het object dat is opgegeven in de HREF-parameter.

    Voorbeelden.


    DIV-element





    Middag

    META - gebruikt om metadata in te voegen. Met deze tag kunt u verschillende nuttige informatie in het HEAD-element invoegen. technische informatie, die uiteindelijk niet zichtbaar zal zijn voor de gebruiker, maar de browser zal deze wel herkennen. Dergelijke informatie is eenvoudigweg nodig voor de juiste indexering van sitepagina’s door zoekrobots (we zullen erover praten als de tijd daar is). juiste moment bij het lesgeven). Heeft geen afsluitende tag.

    Het heeft de volgende kenmerken:

    NAAM— specificeert de naam van de metagegevens. Er zijn een groot aantal vooraf gedefinieerde namen.

    HTTP-EQUIV— specificeert de naam van de metagegevens. Het is vrijwel identiek aan de parameter NAME, maar met één verschil: het wordt alleen gebruikt als er een overdracht nodig is Extra informatie V http-koptekst.

    INHOUD— wijst een waarde toe aan de metagegevens die zijn gedefinieerd in de parameter NAME (of HTTP-EQUIV).

    En nu - een voorbeeld.


    ...






    Metatags in HTML zijn een groep speciale tags die tussen de tags en worden gevonden. Uit de naam blijkt meteen dat ze aan het begin van de code staan.

    Heading-tags dienen twee belangrijke doelen:

    • Rapporteer informatie over de html-pagina aan de browser;
    • Informatie verstrekken aan zoekmachines over een specifieke html-pagina;

    Het bijzondere van header-tags is dat ze niet visueel zichtbaar zijn voor de gebruiker (de uitzondering is de tag, die zichtbaar kan zijn op het tabblad van een browserpagina). Alle headertags zijn optioneel, maar dat betekent niet dat ze niet nodig zijn.

    Deze tags kunnen in 4 groepen worden verdeeld.

    • Label
    • Labels
    • Labels
    • Label

    Laten we elke groep afzonderlijk bekijken.

    1. Labelen

    - pagina titel. Dit is de enige hoofdtag die zichtbaar is voor gebruikers. Het is van groot belang voor zoekmachines op het gebied van SEO. Het is deze paginatitel die wordt weergegeven in de zoekresultaten wanneer paginatitels worden opgegeven.

    ...Pagina titel...

    Het is niet eenvoudig om correct te componeren voor een beginner, omdat je rekening moet houden met verschillende nuances. De ideale title-tag moet aantrekkelijk zijn voor gebruikers en bevatten sleutelzinnen voor zoekmachines. Maak deze tag niet erg lang, omdat dit door zoekmachines als spam kan worden opgevat. Deze tag moet uniek zijn voor elke pagina!

    2. Labels

    - dit is een groep servicetags die informatie over de pagina bevatten. Laten we ze elk afzonderlijk bekijken.

    2.1. Meta-inhoudstype

    De syntaxis voor dit attribuut is als volgt:

    ... ...

    Deze tag specificeert de codering van de pagina. De specifieke waarde wordt geschreven via het charset-attribuut. IN in dit geval De codering is Windows-1251. Meestal gebruiken websites UTF-8-codering.

    Als de codering van de site en een specifieke html-pagina (of in de database) niet overeenkomen, kan de site in sommige browsers via hiërogliefen worden weergegeven.

    2.2. Meta omschrijving... ...

    Het content attribuut bevat een beschrijving van de pagina. Meestal wordt deze beschrijving gebruikt als fragment voor een zoekmachine. Beschrijving niet vereist label. De Yandex-zoekmachine bepaalt het fragment bijvoorbeeld naar eigen goeddunken, maar Google gebruikt deze beschrijving en geeft deze weer zoals deze is geschreven.

    2.3. Meta-trefwoorden... ...

    Deze tag veroorzaakt veel discussie over de vraag of deze überhaupt nodig is. Zoekmachines beweren niet dat deze zoekwoorden een rol spelen bij het rangschikken van een site.

    Het contentattribuut vermeldt de trefwoorden. Het is onwaarschijnlijk dat dit een radicale invloed zal hebben op de promotie van de site, maar in geval van controversiële kwesties kan dit in uw voordeel werken. Trefwoorden moeten worden geschreven, gescheiden door komma's. Schrijf geen trefwoorden die niet op de pagina staan. U kunt meer lezen over trefwoorden.

    2.4. Meta-vernieuwing......

    Er zijn nog veel meer metatags, maar deze zijn niet van belang voor browsers of zoekmachines, dus het heeft geen zin om ze te gebruiken.

    2.5. Meta-viewport ... ... 3.3. Link rel=Alternatief ... ... 4. ‹script›-tag

    - Java-bestanden verbinden met scripts.

    ... ...

    Het src-attribuut specificeert de locatie van de opgenomen Java-bestanden. Het wordt gebruikt om de code op de pagina te verkleinen, maar ook als bepaalde Java-functies moeten worden gebruikt bij het openen van de pagina. Het versnelt ook het laden van pagina's, omdat... Browsers cachen meestal scripts.

    Beste lezer, we hebben de headers beoordeeld html-tags document. Nu hebt u een beter begrip van website-optimalisatie en het schrijven van competente code.

    Dag Allemaal. Ik heb al een hele tijd niets geschreven, maar vandaag heb ik besloten je te plezieren met een interessant artikel over optimalisatie, en meer specifiek, optimalisatie van het hoofdserviceblok in HTML code e-site. Dus laten we beginnen.

    Voor zoek robots Een belangrijke rol wordt gespeeld door de structuur en inhoud van de head-servicetag, die informatie bevat die niet op de pagina wordt weergegeven (scripts, stijlbestanden, plug-ins en metatags).

    Alle inhoud van het hoofdgebied wordt op de site weergegeven met behulp van het wordpress header.php servicebestand, waarvan u de inhoud kunt bekijken door naar het beheerderspaneel/uiterlijk/editor te gaan:

    Als je goed naar de HTML kijkt wordpress-code blog in het head-gebied en vergelijk het vervolgens met het header.php-bestand, je zult zien dat er naast de daar gespecificeerde oproepen: metatags, CSS-stijlen en header, nog veel meer regels zijn. Ze verschijnen meestal bij het gebruik van verschillende plug-ins die hun eigen stijlen of scripts aan HTML toevoegen. Soms blijkt de resulterende code erg groot en rommelig te zijn, wat een slecht effect heeft op de websitepromotie.

    Structuur en inhoud van het juiste hoofd

    Volgens HTML-standaarden kunnen er slechts enkele tags in de head-sectie worden geplaatst. Deze tags zijn: , , , , en .

    De belangrijkste van deze tags in termen van pagina-optimalisatie is de titel, die de naam van het venster aangeeft huidig ​​document en meta - gebruikt om informatie over het HTML-document aan te geven, waardoor browsers pagina's correct kunnen weergeven, en zoekmachines- indexeer ze en rangschik ze in de zoekresultaten.

    Maar vaak ontbreken deze tags helemaal of komen ze door plug-ins helemaal aan het einde van het hoofdblok terecht, wat op zijn beurt geen gunstig effect heeft op de positie van de site in de zoekresultaten. Het meest op een eenvoudige manier voeg deze tags toe voor een WordPress-site - installeer een van de plug-ins:

    Een van de beste plug-ins voor optimalisatie WordPress-blog onder zoekmachines. Hiermee kunt u voor elke pagina metatags invoeren, het uitvoerformaat van de titel wijzigen, enz.

    Een meer geavanceerde versie van All in One SEO Pack. Daarnaast kan toevoegen nofollow-tag naar koppelingen.

    Na het installeren van een van deze plug-ins zou je idealiter hoofdinhoud voor WordPress moeten hebben het volgende soort:

    Het optimaliseren van het hoofdblok van een website op WordPress

    Laten we proberen de code naar dit formulier te brengen? Natuurlijk!

    Het wegwerken van onnodige code in het hoofd

    Het eerste dat u hoeft te doen, is alle stylesheets van uw thema in één combineren gedeeld bestand stijl.css. Om dit te doen, opent u opeenvolgend extra bestanden stijlen, kopieer de code ervan en plak deze aan het einde van het style.css-bestand. Na deze stappen kunt u de code voor het weergeven van extra stijlen uit header.php verwijderen. Als gevolg hiervan zou u in de html slechts één regel moeten hebben om de stijlen van uw thema met elkaar te verbinden:

    In de sjabloonbestandscode implementeert de functie de meeste “aanvullende invoegingen” die niet nodig zijn voor het hoofdblok. Je kunt deze functie niet zomaar verwijderen, omdat dit zeker bepaalde gevolgen met zich meebrengt die het werk van de blog negatief kunnen beïnvloeden.

    Daarom zou het beter zijn om eenvoudigweg de verbinding in het hoofdgebied van de plug-instijlen te deactiveren, via het functiebestand functies.php.

    Erg belangrijk! Voordat u wijzigingen aanbrengt in het function.php-bestand, moet u er een kopie van maken.

    Wij gebruiken het volgende algoritme:

    1). Voordat u begint met het uitschakelen van het toevoegen van plug-ins aan head, kopieert u de html-code die ze toevoegen.

    2). Creëer in het lichaamsgebied extra blok bijvoorbeeld header genoemd:

    En hier is de plug-incode

    In dit blok moeten we de code invoegen die de plug-ins toevoegen, zodat ze niet meer correct werken.

    3). U moet het hoofdbestand zorgvuldig bekijken php-plug-in, waarvan u de haken wilt verwijderen. Gebruik de toetsencombinatie Ctrl+F om daar de volgende structuur te vinden:

    Add_action("wp_head", "plugin_function_hier");

    4). Om er op de juiste manier vanaf te komen deze oproep, moet je het toevoegen aan het function.php-bestand volgende regel:

    Remove_action("wp_head", "plugin_function_hier");

    5). We slaan de sjabloon op en controleren wat we hebben.
    Er zijn ook unieke gevallen waarin het gebruik van remove_action voor wp_head() niet werkt. Laat me je een voorbeeld geven van WP-PageNavi (versie 2.5.0), er is geen expliciete functieaanroep in wp_head(), ondanks dit laadt de plug-in zijn eigen stijlenbestand. Kijk eens goed naar de originele wp-pagenavi.php-code, er is zo'n functie "Enqueue PageNavi Stylesheets", waarbij stijlen worden toegevoegd via:

    Add_action("wp_print_styles", "pagenavi_stylesheets");

    Voeg de volgende regel toe aan het einde van het functiebestand fuctions.php vóór ?> om van deze aanroep af te komen:

    Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_print_styles", "pagenavi_stylesheets"); )

    Er zit een bepaald principe in het werken met onnodige oproepen en hooks - waarnaar u op zoek bent de gewenste functie en schakel het uit.

    Je kunt ook andere onnodige elementen verwijderen die je niet gebruikt door hacks te gebruiken voor functies.php, bijvoorbeeld:

    Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_head","feed_links_extra", 3); // links naar extra rss remove_action("wp_head","feed_links", 2); // links naar de hoofd-rss en opmerkingen remove_action("wp_head " ,"rsd_link"); // voor de Real Simple Discovery-service remove_action("wp_head","wlwmanifest_link"); Windows Live Schrijver remove_action("wp_head","wp_generator"); // verwijdert de WordPress-versie)

    Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_head","start_post_rel_link",10,0); remove_action("wp_head","index_rel_link"); remove_action("wp_head","rel_canonical"); remove_action("wp_head","adjacent_posts_rel_link_wp_head ", 10, 0); remove_action("wp_head","wp_shortlink_wp_head", 10, 0); )

    Op nieuwste versies WordPress verschijnt er een vreemd script in het hoofdblok:

    Scripttype tekst JavaScript-venster. wpemojiSettings baseUrl http: s.w.org afbeeldingen kern emoji 72x72 ext png bron concatemoji http: medicinahouse.ru wp-includes js wp-emoji-release.min.js? ver 4.2.4 !function a, b, c function d a var c b.createElement canvas d c.getContext c.getContext 2d return d d.fillText? d.textBaseline bovenaan

    Dit script voegt een set standaard toe Emoji-emoticons, Ik weet niet eens waarom WordPress het heeft toegevoegd, maar ach. U kunt dit script verwijderen door de volgende constructie helemaal aan het einde van het functiebestand toe te voegen, vóór het ?> teken:

    Add_action("init", "remheadlink"); function remheadlink() ( remove_action("wp_head", "print_emoji_detection_script", 7); remove_action("admin_print_scripts", "print_emoji_detection_script"); remove_action("wp_print_styles", "print_emoji_styles"); remove_action("admin_print_styles", "print_emoji_styles") ;)

    Naast alles wat hierboven is gezegd, kunt u via het functiebestand de versie van scripts en stijlen verwijderen. Het enige dat u hoeft te doen, is de code toevoegen:

    Functie _remove_script_version($src)( $parts = explode("?", $src); return $parts; ) //Dit is om de scriptversie te verbergen add_filter("script_loader_src", "_remove_script_version", 15, 1); //Dit is voor stijlen add_filter("style_loader_src", "_remove_script_version", 15, 1);

    Dat is alles voor mij. Bedankt voor uw aandacht.

    Het is duidelijk dat het uit drie hoofdsecties bestaat.

    • – de root van elk HTML-document waarin alle andere secties zich bevinden (deze tag moet in één kopie staan ​​en op elke pagina aanwezig zijn).
    • – een header die service-informatie en instructies voor de browser bevat voor het weergeven van inhoud.
    • – het hoofdgedeelte waarin de inhoud zich bevindt, dat wil zeggen alles hulpvolle informatie(tekst, afbeeldingen, video). Naast de inhoud bevat deze sectie het siteraster of de lay-out ervan - de locaties van de hoofdsecties van de site worden beschreven, zoals de koptekst, voettekst, hoofdmenu, zijkolommen, enz.

    De tag is niet anders, behalve dat het het rootelement is: een container voor alle andere blokken. Dus laten we verder gaan gedetailleerde overweging secties.

    Elementen uit deze sectie worden niet direct op de webpagina weergegeven. De enige tag uit deze sectie die informatie weergeeft, is de tag. In de tag, sectie, wordt de titel van de webpagina geschreven; deze tekst wordt weergegeven in de titelbalk van het browservenster.

    De titel wordt weergegeven in de titelbalk van de browser

    Deze tag is de enige vereiste tag in de sectie.

    Naast de tag kunnen in deze sectie de volgende tags worden geplaatst: , , , .

    Label

    Deze tag vertelt de browser waar bepaalde dingen zich bevinden. externe bronnen, Bijvoorbeeld, externe stijlen(CSS). Gebruik ook een tag en specificeer de juiste rel-attribuut, kunt u het adres van de RSS-feed, favicon voor de site en andere externe bronnen opgeven.

    Label

    Dit is een generieke tag die gegevens beschrijft. De tag biedt metagegevens over HTML-document browser. Metagegevens worden niet weergegeven, maar worden alleen gebruikt voor officiële doeleinden, hetzij door de browserengine, hetzij door zoekspiders. Meta-elementen worden doorgaans gebruikt om een ​​pagina te beschrijven ( beschrijving), instructies trefwoorden (trefwoorden), aanduiding van de auteur van het document ( auteur), indicaties van het inhoudstype en de codering ervan, en andere metagegevens.

    Label

    Met behulp van deze tag kunt u de browser vertellen waar deze moet zoeken naar externe scripts:

    of voeg het script rechtstreeks in deze sectie in:

    document.write("Hallo wereld!")

    Label

    Deze tag kan worden gebruikt om de stijlen in te stellen die alleen voor deze pagina nodig zijn, en ook als er geen verbinding nodig is extern bestand stijlen met behulp van de . U kunt meer dan één tag opgeven

    h1 (kleur: rood) p (kleur: blauw)

    Dat is alle informatie die u moet weten over de sectie. Vervolgens zullen we de sectie bekijken, die de hoofdinhoud van de webpagina zal bevatten.

    Het element is de enige vereiste title-tag en dient om het document een titel te geven. De tekst die in de tag is geplaatst, verschijnt in de titelbalk van de webbrowser. De titel mag niet langer zijn dan 60 tekens, zodat deze volledig in de titel van het browservenster past. De titeltekst moet zoveel mogelijk bevatten Volledige beschrijving inhoud van webpagina's.
    Voor elk document is het element niet alleen noodzakelijk, maar ook erg nuttig om een ​​aantal redenen:

    • de afwezigheid van een documenttitel zal de browser dwingen bij het interpreteren van de HTML-code een zin als Document zonder titel(Document zonder titel) dat niet overeenkomt met het thema van uw site of de inhoud ervan;
    • wanneer hij probeert een gemaakt HTML-document toe te voegen zonder een element aan de "bladwijzers" van de browser, moet de gebruiker zelfstandig de naam invoeren van de pagina die moet worden toegevoegd;
    • zoekmachines zullen, wanneer ze worden geconfronteerd met een naamloze pagina, deze onder de titel in hun databases invoeren Ongetiteld, waardoor een dergelijk document gezichtsloos wordt en vergelijkbaar is met miljoenen andere HTML-documenten die op internet zijn geplaatst.
    Voorbeeld-HTML: Probeer het zelf

    website - online tutorials over HTML, CSS, JavaScript.
    Belangrijkste inhoud...
    Element

    Met behulp van het element kunt u een beschrijving van de pagina-inhoud en trefwoorden opgeven zoekmachines, de auteur van het html-document en andere metadata-eigenschappen. Een element kan meerdere elementen bevatten omdat deze verschillende informatie bevatten, afhankelijk van de gebruikte attributen.

    HTML-paginacodering

    De codering van een HTML-pagina moet worden gespecificeerd, zodat de webbrowser de tekst op de pagina correct kan weergeven. Als u de codering niet expliciet specificeert, zal de browser deze automatisch bepalen bij het weergeven van de pagina. Als de codering verkeerd wordt bepaald, worden hiërogliefen weergegeven in plaats van tekst.
    De meest voorkomende moderne codering is utf-8.
    Vertel de browser van de gebruiker welke codering op deze pagina wordt gebruikt:

    Meta-elementen en zoekmachines

    Sommige zoekmachines kijken naar meta-elementen bij het indexeren van een pagina.
    De onderstaande meta-elementen definiëren bijvoorbeeld de beschrijving voor het HTML-document en trefwoorden ( deze informatie kan door zoekmachines worden gebruikt bij het weergeven van een document in zoekresultaten):

    Beschrijving van pagina-inhoud en trefwoorden:

    De beschikbare attributen voor het element zijn charset , content , http-equiv , name en globale attributen.

    Kenmerken taggen Kenmerkwaarde/beschrijving
    tekenset Specificeert de tekencodering voor het huidige HTML-document:
    inhoud Definieert de retourwaarde voor de eigenschap. Bevat willekeurige tekst die de waarde specificeert die is gekoppeld aan het http-equiv- of name-attribuut.
    http-equiv Beheert browseracties op een bepaalde webpagina (equivalent aan HTTP-headers). Bij het weergeven van de pagina volgt de browser de instructies die in het attribuut zijn gespecificeerd:
    default-style - Specificeert de voorkeursstijl die op de pagina moet worden gebruikt. Attribuut inhoud moet de ID bevatten van het element dat verwijst naar het CSS-stylesheet, of de ID van het element dat het stylesheet bevat.
    vernieuwen - geeft de tijd in seconden aan voordat de pagina opnieuw wordt geladen of de tijd voordat wordt omgeleid naar een andere pagina, indien in het kenmerk inhoud na de tijd is er een rij "url=pagina_adres".
    Laad de pagina automatisch opnieuw na een bepaalde periode, in in dit voorbeeld, na 30 seconden:
    Als u de bezoeker onmiddellijk naar een andere pagina moet doorverwijzen, kunt u de URL opgeven in de url-parameter:
    naam Biedt aanvullende beschrijving label. Als dit attribuut wordt weggelaten, wordt het beschouwd als gelijkwaardig aan het http-equiv attribuut. Mag niet worden gebruikt als voor het element al de attributen http-equiv , charset of itemprop zijn ingesteld.
    applicatienaam - Specificeert de naam van de webapplicatie die op de pagina wordt gebruikt.
    auteur - gebruikt om de naam van de auteur van de webpagina aan te geven:
    beschrijving - is een beschrijving van de pagina, deze wordt meestal gebruikt door zoekmachines om te bepalen waar deze aan gewijd is, bijvoorbeeld:
    generator - specificeert een van de pakketten software, gebruikt om een ​​document te maken, bijvoorbeeld:
    trefwoorden - bevat een door komma's gescheiden lijst met trefwoorden die overeenkomen met de inhoud van de pagina, bijvoorbeeld: pragma - voorkomt dat de browser de pagina in de cache opslaat, bijvoorbeeld:
    verloopt - kan worden gebruikt om aan te geven wanneer een pagina moet verlopen (en uit de cache moet worden verwijderd), bijvoorbeeld:
    robots - geeft aan of zoekmachines dit moeten inschakelen deze pagina in zoekresultaten. De waarde nofollow geeft bijvoorbeeld aan dat zoekmachines deze pagina kunnen opnemen in de zoekresultaten, maar geen pagina's mogen tonen waarnaar vanaf deze pagina is gelinkt: viewport - hiermee kunnen ontwikkelaars de grootte van de originele viewport op verschillende apparaten bepalen:
    breedte=apparaatbreedte— vertelt de browser om de breedte van de viewport gelijk te stellen aan de breedte van het scherm van het apparaat, wat deze ook mag zijn;
    initiële schaal = 1,0- sets Eerste level schalen wanneer de browser de pagina voor het eerst laadt.
    Element

    Een element in een HTML-document vertelt de browser waar het externe CSS-bestand zich bevindt dat wordt gebruikt om de pagina op te maken.
    Het element moet de volgende drie attributen gebruiken:

    • href - specificeert het pad naar het CSS-bestand, dat zich vaak in een map met de naam bevindt css of stijlen;
    • type - bepaalt het type document waarnaar de link verwijst. Er moet een waarde worden opgegeven tekst/css;
    • rel - definieert de relatie tussen de HTML-pagina en gekoppeld bestand. Bij het linken naar een CSS-bestand moet de stylesheetwaarde worden opgegeven.
    U kunt meer dan één stylesheet gebruiken in de code van een HTML-pagina. In dit geval voor iedereen CSS-bestand er moet een afzonderlijk element worden opgegeven. Element

    Je kunt inschakelen CSS-regels in een HTML-pagina door ze in het element te plaatsen, dat meestal in het element te vinden is.

    Element

    Met dit element kunt u verschillende scripts aan een document koppelen. De scriptcode zelf kan zich in dit element of in een extern bestand bevinden. Als de scripttekst zich in een extern bestand bevindt, wordt deze verbonden met behulp van elementattributen.
    In het volgende voorbeeld wordt een extern script.js-bestand aan een HTML-document gekoppeld en wordt een pop-up gegenereerd wanneer de gebruiker op een knop klikt:

    Voorbeeld-HTML: Probeer het zelf Javascript Extern scriptelement

    Het element wordt gebruikt om de volledige basis-URL van het document op te geven waartegen all relatieve adressen. Dit helpt problemen te voorkomen als uw pagina naar een andere locatie wordt verplaatst. Met andere woorden: alle links werken zoals voorheen.
    Het belangrijkste elementattribuut is href . Het adres van de basismap wordt gebruikt als waarde, ten opzichte waarvan relatieve adressen worden berekend. Standaard is het rootadres domeinnaam plaats.
    Een ander nuttig kenmerk van deze tag is target . doel attribuut bepaalt in welke vensterpagina's worden geladen op basis van links in het HTML-document. Standaard worden links in hetzelfde browservenster geopend.