Stående huvud, titel och kropp av HTML-filer - dummies

Video: Curious Beginnings | Critical Role | Campaign 2, Episode 1 2024

HTML-filer är strukturerad på ett visst sätt så att webbläsare kan tolka filens information korrekt. Varje HTML-fil har samma fem element: fyra vars öppnings- och stängningskoder visas en gång och en gång, och en som visas en gång och behöver ingen stängningskod. Dessa är följande:

! DOCTYPE html måste visas först i din HTML-fil, och den visas bara en gång. Den här taggen låter webbläsare veta vilken version av HTML du använder. I det här fallet är det den senaste versionen, HTML5. Ingen stängningskod är nödvändig för detta element.

För HTML4-webbplatser skulle den första raden i HTML-filen läsa
HTML representerar root eller början på ett HTML-dokument. Taggen följs av först en öppnings- och stängnings tagg, och sedan en öppnings- och slutmärkning.
huvudet innehåller andra element som anger allmän information om sidan, inklusive titeln.
Titel definierar titeln i webbläsarens titellinje eller sidfliken. Sökmotorer som Google använder titeln för att rangordna webbplatser i sökresultaten.
Kroppen innehåller huvudinnehållet i ett HTML-dokument. Text, bilder och annat innehåll som anges mellan öppnings- och stängningskroppen visas av webbläsaren.

Här är ett exempel på en ordentligt strukturerad HTML-fil med dessa fem taggar:

Favoritfilmcitationstecken

"Jag ska göra honom ett erbjudande som han inte kan neka"

"Houston har vi ett problem"

"Kan kraften vara med dig"

"Du pratar med mig?"

Använda mellanslag för att indraga och separera dina taggar är Högt rekommenderad. Det hjälper dig och andra att läsa och förstå din kod. Dessa utrymmen är bara för dig och någon annan människa som läser koden. Din webbläsare bryr dig inte. När det gäller din webbläsare kan du köra alla dina taggar tillsammans på en rad. (Gör inte det här. Nästa person som läser din kod kommer vara mest olycklig.) HTML känner igen och visar den första blankstegstecken i text mellan att öppna och stänga HTML-taggar.

Exemplet hade många h1-taggar men bara en öppnings- och stängnings-html-, huvud-, titel- och kroppslabel.