Hvordan man kan strukturere et HTML-dokument man laver en webside på dit Raspberry Pi

For at gøre en webside på Raspberry Pi, skal du strukturere HTML-dokumentet korrekt. En kodestykke er en god måde at se, hvordan HTML-tags fungerer, og hvordan browseren fortolker dem, men du har brug for at inkludere en masse mere information og markup, før du kan skabe en virkelig gyldig webside.

Et HTML-dokument har to hoveddele: header (mellem <head> og </ head> tags), og kroppen (mellem <body> og </ body> tags). Headeren anvendes primært til oplysninger om den webside, mens krop indeholder selve indholdet på siden.

Tags alle arbejder på samme måde, med et tag åbning og en anden lukning. Som du kan se, ita € s okay at have nogle tags inde i nogle andre tags. I dette dokument alle de andre mærker, undtagen den første er inde i <html> åbning og lukning tags.

Du donâ € t nødt til at huske alle disse nye tags, Heldigt for dig, for her er en ramme, du kan genbruge og let ændre for hver ny webside, du opretter. Du er nødt til at ændre blot to bits for hver webside, du opretter:

  • <Title> og </ title>: Mellem disse tags er sidens titel, der vises i bogmærker, søgemaskinens resultater, og i titellinjen øverst i browseren (eller € s fanen pageâ, hvis youâ € re at bruge faner), når youâ € re besøger siden.
  • <Body> og </ body>: Mellem disse tags er, hvor du lægger alle dine web sidens indhold, så dette afsnit har tendens til at være ganske lang, når youâ € re at arbejde med en rigtig webside. I dette eksempel kan du se, at HTML-kodestykke er mellem kroppen tags.

For dem, der ønsker at forstå det hele, Hera € sa fordeling af resten af ​​dokumentet:

  • <! DOCTYPE html>: Dette fortæller browseren, hvilken version af HTML youâ € re at bruge. Du kan se DOCTYPE for HTML5, som ganske enkelt ordet html. Ældre versioner af HTML havde lange og komplicerede dokumenttyper, og youâ € ll stadig komme på tværs af disse fra tid til anden.
  • <Html lang = "da"> og </ html>: Disse tags bruges til at markere begyndelsen og slutningen af HTML-dokumentet. Åbningen tag angiver også dokumentets sprog, i dette tilfælde, engelsk.
  • <Head> og </ head>: Disse tags markerer starten og slutningen af overskriften. Det eneste inde i vores header er sidens titel, men som du lærer mere om HTML, youâ € ll komme på tværs flere tags, der hører her.
  • <Meta charset = "utf-8" />: Dette tag definerer tegnsæt, der bruges i dokumentet, så folk der bruger sprog med forskellige alfabeter kan sige, hvilken en skal bruges. Til dette projekt, der er et tegnsæt kaldet utf-8. Du vil måske bemærke thereâ € sa skråstreg inde i afsluttende beslaget på dette tag. Thatâ € s fordi tagget doesnâ € t surround noget, så det doesnâ € t have en separat afsluttende tag.

    I en tidligere version af HTML kaldet XHTML, hver tag måtte lukkes, så når der ikke var nogen særskilt afsluttende tag, en skråstreg blev sat ind i afsluttende beslag af tag i stedet. Mange mennesker stadig anser dette den bedste praksis, men ita € s valgfri.

    Hvordan man kan strukturere et HTML-dokument man laver en webside på dit Raspberry Pi

Du kan bruge mellemrum til at indrykke linjerne inde i header og kroppen og tomme linjer omkring disse to sektioner, så du lettere kan se, hvor headeren og kroppen start og slut. Folk gør ofte dette: Det gør HTML nemmere at læse og redigere. HTML ignorerer mellemrum, så det doesnâ € t ligegyldigt hvor meget du bruger, eller hvor du lægger den.

Det doesnâ € t stof teknisk, om dine tags er i store eller små bogstaver, men det ser mere ryddeligt når ita € s konsekvent og konvention dikterer små bogstaver for alle tags undtagen DOCTYPE.

Når du åbner denne side i din browser, det ser det samme som vores tidligere kodestykke gjorde i browseren, bortset fra at youâ € ll se en titel i baren i toppen af ​​browseren, og ita € sa gyldig webside nu. Du kunne offentliggøre dette på internettet, hvis du ønskede at, og det ville fungere perfekt.

Fordi det ser bare det samme, kan du spekulerer på, hvorfor du har brug for at genere med alle de andre mærker, da. Svaret er, at de fleste browsere er ganske tilgivende og vil forsøge at arbejde omkring dine fejl og mangler, men du canâ € t stole på det.

Du donâ € t vide, hvilken browser en besøgende kan bruge til at se din hjemmeside, så er du nødt til at give alle de korrekte markup, selv hvis en side fungerer godt på din Raspberry Pi. Andre browsere eller enheder er måske ikke i stand til at klare en ugyldig HTML-dokument samt Midori kan.


© 2019 Zajacperrone.com | Contact us: webmaster# zajacperrone.com