HTML (HyperText Markup Language) è il linguaggio di markup standard per le pagine web. Viene utilizzato per creare il contenuto e la struttura delle pagine web ed è il primo passo nella creazione di un sito web. In questo testo vedremo come vengono utilizzati i tag HTML per creare pagine Web e come possono essere utilizzati per migliorare la SEO.
Nozioni di base sull'HTML
L'HTML è composto da vari elementi che possono essere utilizzati per creare il contenuto e la struttura delle pagine web. Ogni elemento ha un tag che ne definisce la funzione. Alcuni dei tag più comuni includono intestazioni, paragrafi, elenchi e tabelle.
Titoli
Le intestazioni sono un elemento importante delle pagine Web in quanto aiutano a definire il contenuto della pagina. Possono anche essere utilizzati per migliorare la SEO. Ogni intestazione ha il proprio livello, che va da H1 a H6. H1 è l'intestazione più importante e viene solitamente utilizzata per il titolo di una pagina.
Paragrafi
I paragrafi sono usati per scrivere testo su una pagina web. Di solito iniziano con un tag p e finiscono con /p>. I paragrafi possono essere utilizzati per migliorare la SEO includendo parole chiave nel testo della pagina.
Liste
Le liste sono un elemento utilizzato per creare liste nelle pagine web. Possono essere ordinati o non ordinati. Gli elenchi ordinati iniziano con un tag ol e gli elenchi non ordinati iniziano con un tag ul. Ogni elemento dell'elenco inizia con un tag li.
tabelle
Le tabelle vengono utilizzate per visualizzare i dati nelle pagine web. Possono essere creati con un tag table e ogni cella in una tabella viene solitamente creata con un tag td. Le tabelle possono essere utilizzate per migliorare la SEO, ad esempio includendo parole chiave nei titoli delle tabelle.
La modifica
Questo è in realtà un testo che deve essere interpretato dal browser. I suoi redattori possono essere suddivisi approssimativamente nelle seguenti categorie:
1. Il software di modifica di testo e documenti di base può essere scritto con il Blocco note o WordPad di Microsoft, ovviamente, se si utilizza WPS o Word per la scrittura, ma si prega di utilizzare .htm o .html come estensione quando si salva per farlo è compatibile con il browser. riconoscere l'interpretazione diretta e l'esecuzione.
2. Semi-ciò che vedi è ciò che ottieni software, come: FCK-Editer, E-webediter e altri web editor online; Altamente raccomandato: Sublime Text Code Editor (progettato da John Skinner, Sublime Text 2 è caricato, ma puoi provare all'infinito).
3. Il software WYSIWYG, l'editor più utilizzato, può creare pagine web con poca conoscenza dell'HTML, come: AMAYA (produzione: World Wide Web Alliance), FRONTPAGE (produzione: Microsoft), Dreamweaver (produzione: Microsoft, Adobe). Microsoft Visual Studio (azienda produttrice: Microsoft): il software WYSIWYG è sviluppato in modo più rapido, efficiente e intuitivo rispetto al software WYSIWYG. Le modifiche apportate ovunque devono solo essere aggiornate per essere visualizzate. Lo svantaggio è che la struttura del codice generato è complessa, il che non favorisce funzionalità avanzate come la collaborazione tra più persone e il posizionamento preciso di siti Web di grandi dimensioni.
Tipo di dati
Hypertext Markup Language definisce il contenuto di elementi di vari tipi di dati. Ad esempio, come dati di script e dati di fogli di stile, nonché valori di attributi di molti tipi, inclusi identificatori, nomi, URI, numeri, unità di lunghezza, lingue, descrittori multimediali, colori, codifica dei caratteri, data e ora, ecc. Tutti questi tipi di dati sono dati di caratteri specializzati.
L'HTML è una regola grammaticale per contrassegnare la visualizzazione di informazioni su Internet, tra le altre caratteristiche, originariamente inventata nel 1989 da Tim Berners-Lee del CERN. Definito sulla base del vecchio SGML con elementi di linguaggio semplificati. Questi elementi vengono utilizzati per indicare al browser come visualizzare i dati sullo schermo dell'utente. Pertanto, sono stati a lungo supportati da vari produttori di browser web.
La cronologia HTML ha le seguenti versioni:
1. HTML 1.0: pubblicato come bozza di lavoro dall'Internet Engineering Task Force (IETF) nel giugno 1993.
2. HTML 2.0: rilasciato come RFC 1866 nel novembre 1995 e deprecato dopo il suo rilascio nel giugno 2000.
3. HTML 3.2: 14 gennaio 1997, standard raccomandato dal W3C.
4. HTML 4.0: 18 dicembre 1997, standard raccomandato dal W3C.
5. HTML 4.01 (miglioramento minore): 24 dicembre 1999, standard raccomandato dal W3C.
6. HTML 5 : HTML5 è riconosciuto come il linguaggio web di prossima generazione che migliora notevolmente l'esperienza Internet in termini di multimedia, contenuti ricchi e applicazioni ricche, ed è considerato un'importante forza trainante che alla fine cambierà l'Internet mobile.
Con l'approfondimento delle applicazioni web, in particolare le applicazioni di e-commerce, lo svantaggio di un HTML troppo semplice sta rapidamente diventando evidente: non è scalabile. L'HTML non consente agli sviluppatori di applicazioni di definire tag personalizzati per specifici ambienti applicativi. L'HTML può essere utilizzato solo per visualizzare informazioni. HyperText Markup Language può impostare la modalità di visualizzazione per testo e immagini. Ma non ha una struttura semantica, il che significa che l'HTML esegue il rendering dei dati in base al layout, non alla semantica.
Con lo sviluppo di applicazioni Web, diversi settori hanno esigenze di informazioni diverse e questi diversi tipi di informazioni non vengono necessariamente visualizzati come pagine Web. Ad esempio, durante la ricerca di dati utilizzando un motore di ricerca, ci sono molti vantaggi nel presentare i dati in termini di semantica piuttosto che di layout.
In generale, le carenze dell'HTML lo rendono povero nell'interattività e vago nella semantica.Queste carenze sono difficili da adattare alle esigenze del rapido sviluppo di Internet.Pertanto, viene prodotto XML standard, conciso, ben strutturato e altamente estensibile.
⟹ Di seguito sono riportati i materiali che trattano questo argomento:
I siti Web sono generalmente divisi in due parti: front-end e back-end. Possiamo capire che lo sfondo viene utilizzato per implementare le funzioni del sito Web, come ad esempio: eseguire la registrazione dell'utente, modificare le password, commentare articoli, ecc...
Saluti, cari lettori! Oggi parleremo della compressione Gzip js | css | html per velocizzare il caricamento del sito. Come abilitarlo con il file .htaccess. Anche io...
L'ottimizzazione tecnica del codice HTML del sito è il processo di regolazione del codice HTML del modello di pagina del sito. Modifica (ed.) del codice sorgente del sito e correzione della sua struttura e dimensione. Il cui obiettivo esplicito è quello di migliorare la qualità di...
Memorizzazione nella cache delle pagine del sito utilizzando .htaccess. Una fase altrettanto importante dell'ottimizzazione tecnica è l'inclusione della compressione gzip o della minificazione CSS. L'abilitazione di pagine e file cache ti consentirà di aumentare notevolmente la velocità del sito....