Fai questi errori di codifica HTML nel blogging?

Divulgazione di affiliazione: In piena trasparenza - alcuni dei link sul nostro sito web sono link di affiliazione, se li utilizzi per effettuare un acquisto guadagneremo una commissione senza costi aggiuntivi per te (nessuna!).

Se sei uno sviluppatore di pagine web, fai sempre uso di Codifica HTML ma a volte ti trovi di fronte a semplici errori di codifica. Sia i programmatori esperti che gli studenti commettono errori nella loro codifica HTML a causa dell'attenzione o dell'assenza di esperienza.

Il codice pulito è molto importante in quanto non solo ti rende uno sviluppatore web esperto, ma ti fa anche risparmiare tempo poiché non è necessario modificare i codici in seguito.

Se la tua pagina web ha un codice pulito, il che implica che il tuo codice html contiene la configurazione indicata dal World Wide Web Consortium, mantenendo lo standard che deve essere seguito dai siti web basati su Internet, a sua volta aiuterà ad aumentare il posizionamento del tuo sito anche su Google.

È sempre utile fare attenzione fin dall'inizio e rivedere il tuo lavoro prima di pubblicarlo.

Fai questi errori di codifica HTML nel blog

Crediti immagine:Flickr

Ecco un elenco degli errori di codifica HTML più comuni che spesso facciamo e incontriamo.

1) DOCTYPE mancante o inappropriato

DOCTYPE o Document Type Definition (DTD) consente al browser Web di identificare la versione di HTML utilizzata dalla pagina Web. Il codice HTML dovrebbe sempre iniziare con DOCTYPE poiché stabilisce le regole per una particolare versione HTML.

Dovresti fare attenzione durante la digitazione del DOCTYPE, poiché distingue tra maiuscole e minuscole e DOCTYPE diverso si riferisce a versioni diverse di HTML. Guarda questo video: come posso assicurarmi che il mio codice HTML non contenga errori?

 

2) HTML formattato in modo errato

L'errore più comune durante la scrittura del codice HTML è la formattazione errata, come il tag di chiusura mancante, l'omissione di virgolette per i valori degli attributi e la nidificazione inappropriata dei tag.

Di solito la maggior parte dei file Tag HTML avere sia tag di apertura e chiusura per esempio come. Se un tag circonda qualsiasi contenuto, dovrebbe essere chiuso, sebbene ci siano alcune eccezioni, come tag, ma è sempre consigliabile chiuderlo in quanto renderà la modifica del tuo Documento HTML più semplice.

È sempre meglio mettere virgolette intorno ai valori, sebbene non sia obbligatorio nella versione precedente di HTML, le ultime versioni ne hanno bisogno. Anche la chiusura corretta di un tag è una parte molto importante di Codifica HTML e dovrebbe essere terminato nella direzione opposta a cui era stato aperto.

3) Attributi o tag non supportati

A volte le persone tendono a usare codici come o che non fanno parte di Standard HTML. Anche in questo caso, molti utilizzano attributi non corretti, come tag che alterano la dimensione del margine nel file , per es. Diverse versioni di HTML supportano diversi tipi di attributi e tag.

Se vuoi essere sicuro di quali attributi sono compatibili con la versione che stai usando, dovresti convalidare il tuo HTML con HTML Validator.

4) Affacciato sulla codifica dei caratteri

Ogni set di caratteri ha un codice particolare e il codice indica al browser Web quale set di caratteri viene utilizzato nella pagina Web. Pertanto, una pagina Web composta da caratteri inglesi avrà un set di caratteri diverso da quello del set di caratteri cinesi o francesi.

Di conseguenza, la codifica dei caratteri suggerirà al browser web quale tipo di informazioni leggere e visualizzare. Nel caso della maggior parte delle pagine web in inglese, la codifica dei caratteri windows-1252 e ISO-8859-1Significa il carattere inglese.

5) Utilizzo di più interruzioni di riga

Non è appropriato utilizzare un tag di interruzione di riga per inserire uno spazio tra le righe, poiché dovrebbe essere utilizzato rigorosamente per aggiungere solo un'interruzione di riga e non per creare paragrafi e spazi tra gli elementi. Il modo giusto per utilizzare l'interruzione di riga è: Questa è una riga Questa è una linea diversa Invece di: questa è una riga Questa è una linea diversa.

6) Utilizzo di tabelle inappropriate

Le tabelle spesso portano a una codifica HTML errata e poiché la maggior parte dei browser non mostra il messaggio di errore se le tabelle sono codificate in modo inappropriato, è abbastanza facile farlo. Tuttavia, le tecnologie assistive sono molto rigide riguardo alla corretta struttura della tabella. Di seguito sono riportati gli errori di tabella più comuni che facciamo spesso:

  • Non terminare il file , o tag o terminarli in modo errato
  • Racchiudere righe o celle di tabella con i tag utilizzati per la formattazione del testo.
  • In ogni riga, creare tabelle con un numero variabile di celle.
  • Creazione di tabelle all'interno degli elementi in linea, come - o

7) URL formattati in modo errato

A volte capita di poter vedere le parole collegate e / o le immagini ma altri no. Devi assicurarti che nell'URL non ci sia Nome percorso di tipo DOS, come C: \ image, altrimenti chi segue il collegamento riceverà l'errore Documento non trovato 404. Anche in questo caso, è sempre necessario utilizzare la barra (/) e non la barra rovesciata (\), anche quando alcuni software server riconoscono entrambi, è meglio mantenere lo standard. In caso di collegamenti, l'estensione potrebbe essere un problema. Durante il test, un file denominato mywebpage.htm potrebbe funzionare perfettamente, ma ciò di cui il server ha bisogno è- mywebpage.html.

8) Affacciato

È importante che qualsiasi JavaScript che restituisce dati o esegue una funzione abbia un file tag, che fornisce un'alternativa o una descrizione di ciò che fa JavaScript.

9) Utilizzo per il grassetto e

Semanticamente non è corretto da usare rispettivamente per i testi in corsivo e in grassetto. A questo scopo è opportuno utilizzare le proprietà CSS per lo stile del carattere e il peso del carattere e se devi usare gli stili nel documento stesso, allora è meglio usare e rendere i testi corsivo e grassetto.

10) Attributi alt mancanti in caso di tag immagine

È necessario che i tag immagine abbiano attributi alt, poiché spiega il contesto dell'immagine. Se utilizzi l'attributo alt, i web crawler classificheranno meglio i contenuti e faciliteranno anche gli utenti a decidere se l'immagine è importante o meno.

Questo elenco può probabilmente continuare per sempre, ma tutti questi punti sono sufficienti per farti capire a cosa dovresti fare attenzione quando usi i codici HTML.

Dovresti anche convalidare la tua pagina per conoscere gli errori di codifica HTML che stai commettendo, in modo da poterli evitare facilmente di avere una codifica pulita.

Che tipo di errori hai fatto nel blog

Jitendra Vaswani

Jitendra Vaswani è un Digital Marketing Practitioner e rinomato relatore internazionale che ha abbracciato lo stile di vita dei nomadi digitali mentre viaggia per il mondo. Ha fondato due siti web di successo, Bloggers Ideas.com & Agenzia di marketing digitale DigiExe di cui le sue storie di successo si sono estese alla creazione di "Inside A Hustler's Brain: In Pursuit of Financial Freedom" (20,000 copie vendute in tutto il mondo) e contribuendo a "International Best Selling Author of Growth Hacking Book 2". Jitendra ha progettato workshop per oltre 10000 professionisti del marketing digitale in tutti i continenti; con intenzioni in definitiva ancorate alla creazione di una differenza impattabile aiutando le persone a costruire il business dei loro sogni online. Jitendra Vaswani è un investitore di grande potenza con un portafoglio impressionante che include Stazione di immagini e Nuova Smartwave . Per saperne di più sui suoi investimenti, Trovalo su LinkedIn, TwitterE Facebook.

2 pensieri su "Fai questi errori di codifica HTML nei blog?"

  1. Ciao Jitendra,

    Ho imparato con html che deve essere perfetto. Di solito quando ho problemi di solito è perché ho fatto un errore con la codifica. Ho dovuto imparare l'html perché come blogger devi essere in grado di modificare il tuo sito. All'inizio avevo un po 'paura di usarlo quando ho iniziato perché non ne sapevo nulla, ma ho imparato man mano che andavo avanti e questo mi è stato davvero utile.

    Grazie per averlo condiviso con noi!

  2. Ciao Jitendra,
    Gli errori e gli errori umani non possono essere eliminati completamente. Vogliamo perfezione solo come studenti o esperti.

    È utile ricordare questi errori di codifica. Anche se non mi piace programmare, penso che i webmaster e i blogger dovrebbero trovare utile questo post.

    Ci sono momenti in cui sarebbe necessario applicare un po 'di abilità di programmazione per modificare e migliorare le prestazioni di un blog o di un sito web.

    Grazie per aver condiviso questo. Immagino che staremo attenti a questi nel caso in cui il blog o il sito Web soffrano di errori di codifica. Quindi sappiamo cosa correggere e cercare!

    Questo post è stato trovato in kingged dove è stato condiviso e votato.

Lascia un tuo commento