Innehållsförteckning:
Video: Easier than ever to get data from the web into Power BI - PW518 2024
HTML använder speciella textord som heter element för att strukturera och utforma en webbplats. Webbläsaren känner igen ett element och tillämpar dess effekt om följande tre villkor finns:
-
Elementet är en bokstav, ett ord eller en fras med särskild betydelse. Exempelvis är h1 ett element som känns igen av webbläsaren för att tillämpa en header-effekt, med fet text och en förstorad textstorlek.
-
Elementet är inneslutet med vänster vinkelbeslag (<) och vinkelfäste (>). Ett element som är inneslutet på detta sätt kallas en tagg (till exempel
).
-
En öppningsetikett () följs av en stängningskod (). Observera att stängningskoden skiljer sig från öppningsetiketten genom att lägga till ett framåtskår efter den första vänstra fästet och före elementet (till exempel ).
Vissa HTML-taggar är självstängande och behöver inte separata stängningskoder, bara ett snedstreck i öppningsetiketten.
När alla tre förutsättningar är uppfyllda, är texten mellan öppnings- och stängningskoderna utformad med taggens definierade effekt. Om även en av dessa villkor inte är uppfyllda, visar webbläsaren bara ren text.
För en bättre förståelse av dessa tre villkor, se exempelkoden nedan:
Detta är en stor rubrik med alla tre förhållandena
h1 Detta är text utan tecknet som omger taggen / h1 Det här är text med en tagg som inte har någon betydelse för webbläsaren. Detta är vanlig text
Du kan se hur en webbläsare skulle visa den här koden här.
Webbläsaren tillämpar en header-effekt på "Detta är en stor rubrik med alla tre förutsättningarna" eftersom h1 är en header-tagg och alla tre förutsättningar för en giltig HTML-tagg finns:
-
Webbläsaren känner igen h1-elementet.
-
H1-elementet är omgivet med en vänster (<) och höger vinkelbeslag (>).
-
) följs av text och sedan en stängningskod (
).
Lägg märke till hur h1-taggen själv inte visas i rubriken. Webbläsaren kommer aldrig att visa den faktiska texten för ett element i en korrekt formaterad HTML-tagg.
De övriga kodrubrikerna visas som vanlig text eftersom de saknar en av villkoren. På den andra raden av kod saknas
taggen vänster och höger parentes som bryter mot det andra villkoret.
Den tredje raden av kod bryter mot det första villkoret eftersom rockstar inte är ett erkänt HTML-element. Slutligen visas den fjärde raden av kod som vanlig text eftersom den inte har någon öppnings tagg före texten, och ingen avslutande tagg följer texten som bryter mot det tredje villkoret.
Varje vänster vinkelbeslag måste följas efter elementet med rätt vinkelbeslag. Dessutom måste varje öppnande HTML-tagg följas med en stängande HTML-tagg. Över 100 HTML-element finns.
HTML är ett förlåtande språk och kan korrekt applicera en effekt även om du saknar bitar av kod, som en stängningskod. Om du lämnar i för många fel visas din sida inte korrekt.