Come strutturare un documento HTML per creare una pagina Web con il Raspberry Pi

Al fine di rendere una pagina web sul Raspberry Pi, è necessario strutturare correttamente il documento HTML. Un frammento di codice è un buon modo per vedere come i tag HTML funzionano e come il browser li interpreta, ma è necessario includere molte più informazioni e markup prima di poter creare una pagina web veramente valido.

Un documento HTML ha due parti principali: l'intestazione (tra i tag <head> e </ head>), e il corpo (tra i tag <body> e </ body> tag). L'intestazione è utilizzato principalmente per informazioni sulla pagina web, mentre il corpo contiene il contenuto effettivo della pagina.

Tags tutti lavorano allo stesso modo, con un tag di apertura e un altro di chiusura. Come si può vedere, itâ € s bene avere alcuni tag all'interno di alcuni altri tag. In questo documento, tutti gli altri tag eccetto il primo sono dentro le <html> di apertura e chiusura tag.

Si dona € t bisogno di memorizzare tutti i nuovi tag, fortunato per voi, perché qui è un framework è possibile riutilizzare e modificare leggermente per ogni nuova pagina web che si crea. È necessario cambiare solo due bit per ogni pagina web si crea:

  • <Title> e </ title>: Tra questi tag è il titolo della pagina, che appare in segnalibri, motori di ricerca, e nella barra del titolo nella parte superiore del browser (o nella scheda € s PageA, se youâ € re utilizzando schede) quando youâ € re visitando la pagina.
  • <Body> e </ body>: Tra questi tag è dove mettere tutto il contenuto della pagina web, quindi questa sezione tende ad essere abbastanza lungo quando youâ € re di lavoro con una pagina web vera e propria. In questo esempio, si può vedere che lo snippet HTML è tra i tag body.

Per coloro che vogliono capire tutto, Hereâ € sa ripartizione del resto del documento:

  • <! DOCTYPE html>: questo dice al browser quale versione di HTML youâ € re utilizzando. Potete vedere il DOCTYPE per HTML5, che è semplicemente la parola html. Le versioni precedenti di HTML avevano tipi di documenti lunghi e complicati, e youâ € ll ancora venire attraverso questi di volta in volta.
  • <Html lang = "it"> e </ html>: Questi tag sono usati per indicare l'inizio e la fine del documento HTML. Il tag di apertura specifica anche il linguaggio del documento, in questo caso, l'inglese.
  • <Head> e </ head>: Questi tag segnano l'inizio e la fine dell'intestazione. L'unica cosa che all'interno della nostra testata è il titolo della pagina, ma come si impara di più su HTML, youâ € ll venire attraverso più tag che appartengono qui.
  • <Meta charset = "utf-8" />: Questo tag definisce il set di caratteri che viene utilizzato nel documento, in modo che le persone che utilizzano le lingue con alfabeti diversi possono dire quale dovrebbe essere usato. Per questo progetto, c'è un set di caratteri chiamato utf-8. Si potrebbe notare thereâ barra sa € all'interno della staffa di chiusura su questo tag. Thatâ € s perché il tag doesnâ € t Surround nulla, quindi doesnâ € t avere un tag di chiusura separato.

    In una precedente versione di HTML chiamato XHTML, ogni tag doveva essere chiuso, in modo che quando non c'era tag di chiusura separata, una barra è stata posta all'interno della staffa del tag di chiusura, invece. Molti considerano ancora questa best practice, ma ita € s opzionale.

    Come strutturare un documento HTML per creare una pagina Web con il Raspberry Pi

È possibile utilizzare gli spazi per far rientrare le linee all'interno l'intestazione e il corpo e le linee vuote attorno entrambe le sezioni, in modo da poter più facilmente vedere l'intestazione e l'inizio e la fine del corpo. La gente spesso lo fanno: Rende più facile il codice HTML per leggere e modificare. HTML ignora lo spazio vuoto, in modo che doesnâ € t importa quanto si utilizza, o dove lo metti.

Si doesnâ € t importa tecnicamente se i vostri tag sono in maiuscolo o minuscolo, ma sembra più ordinato quando ita convention coerente e € s detta minuscolo per tutte le variabili ad eccezione del DOCTYPE.

Quando si apre la pagina nel browser, sembra lo stesso come il nostro frammento di codice precedente ha fatto nel browser, se non che youâ € ll vedere un titolo nella barra in alto del browser, e Ita pagina web valida € sa ora. Potreste pubblicare questo su Internet se si voleva, e che avrebbe funzionato perfettamente.

Perché sembra proprio lo stesso, ci si potrebbe chiedere perché è necessario preoccuparsi di tutte quelle altre etichette, quindi. La risposta è che la maggior parte dei browser sono abbastanza tollerante e cercheranno di aggirare i vostri errori e omissioni, ma non può € t si basano su questo.

Si dona € t sapere quale browser un visitatore potrebbe utilizzare per visualizzare il sito web, quindi è necessario fornire tutte le markup corretto, anche se una pagina funziona bene sul vostro Raspberry Pi. Altri browser o dispositivi potrebbero non essere in grado di far fronte a un documento HTML valido e Midori can.