Il miglior tutorial HTML (5) Codice Specifica Nel 2024, in questo tutorial puoi imparare Convenzioni di codice HTML,Utilizzare il corretto tipo di documento,i nomi degli elementi minuscolo,Spegnere tutti gli elementi HTML,Chiudi elementi HTML vuoti,nome dell'attributo minuscolo,Proprietà Valore,proprietà immagine,Gli spazi e segni di uguale,Evitare lunga riga di codice,Le righe vuote e rientro,Omettere il <html> e <body>?,Omettere il <head>?,Metadati,commenti HTML,foglio di stile,Caricamento JavaScript in HTML,Utilizzare JavaScript per accedere agli elementi HTML,i nomi dei file in minuscolo,estensione del nome del file,La differenza tra .htm e .html,tecnicamente differenza,
Molti sviluppatori web specifiche per il codice HTML poco conosciuti.
Nel 2000-2010, molti sviluppatori web per convertire da HTML a XHTML.
Gli sviluppatori utilizzano XHTML sviluppare gradualmente un buon specifiche di scrittura HTML.
E per in HTML5, dovremmo formare un relativamente buone norme del codice, diverse raccomandazioni sono fornite di seguito le specifiche.
La dichiarazione del tipo di documento nella prima riga del documento HTML:
Se si desidera utilizzare altre etichette, come minuscole, è possibile utilizzare il seguente codice:
HTML5 nome di un elemento in grado di utilizzare le lettere maiuscole e minuscole.
Uso consigliato lettere minuscole:
In HTML5, non si vuole chiudere tutti gli elementi (ad esempio, <p> elemento), ma si consiglia che ogni elemento deve aggiungere un tag di chiusura.
Non consigliato:
Consigliato:
In HTML5, elemento HTML vuoto non deve spegnere:
Possiamo scrivere:
Si può anche scrivere:
XML, XHTML and slash (/) è un must.
Se si prevede di utilizzare la pagina XML software, questo stile è molto buona.
HTML5 consente l'utilizzo del nome della proprietà lettere maiuscole e minuscole.
Si consiglia di utilizzare minuscole nome dell'attributo:
Non consigliato:
Consigliato:
valori degli attributi HTML5 non può preventivo.
Si consiglia di utilizzare le virgolette valore di attributo:
L'attributo seguenti esempi valore contiene spazi, non utilizzare le virgolette, non può funzionare:
Il seguente utilizza le virgolette doppie, è corretto:
Immagine alt attributi spesso utilizzato. Quando l'immagine non può essere visualizzata, si può sostituire la visualizzazione delle immagini.
dimensioni immagine definita, può essere riservato al momento del carico specificato spazio, ridurre lo sfarfallio.
È possibile utilizzare gli spazi prima e dopo il segno di uguale.
Tuttavia, si consiglia di utilizzare meno spazio:
Utilizzando un editor HTML, a sinistra ea destra lo scorrimento codice è scomodo.
Ogni riga di codice il più possibile a meno di 80 caratteri.
Non aggiungere una riga vuota per nessun motivo.
Per ogni blocco funzione logica aggiungere una riga vuota, che rende più facile da leggere.
Rientro due spazi, non è raccomandato TAB.
Non usano righe vuote non necessarie sono rientrate tra il codice breve.
Nello standard HTML5, <html> e <body> tag può essere omesso.
I seguenti documenti sono corretti HTML5:
Non consigliato omesso <html> e <body> tag.
<HTML> elemento è l'elemento principale del documento, il linguaggio usato per descrivere la pagina:
dichiarazione lingua è quello di facilitare i lettori di schermo e motori di ricerca.
Omettere il <html> o <body> nel DOM e crash del software XML.
Omettere il <body> errore si verifica in vecchi browser (IE9).
Nello standard HTML5, tag <head> può essere omesso.
Per impostazione predefinita, il browser contenuto <body> prima aggiunto a un valore predefinito <head>.
Ora omettono i tag head non sono raccomandati. |
HTML5 nel <title> è necessario elemento, il nome del titolo descrive il tema della pagina:
Titolo e linguaggio che permette al motore di ricerca sarà presto comprendere il tema della pagina:
I commenti possono essere scritti nel <- e -> In:
commenti più nella <! - e -> ha scritto nel rami:
I commenti del primo carattere trattino due spazi, più facile da leggere.
Stylesheet sintassi concisa (attributo del tipo non è obbligatorio):
Le regole possono essere scritte come una breve linea:
regole più linee lunghe possono essere scritti:
Dopo la virgola e virgola aggiungono spazi è una regola comune. |
Utilizzare la sintassi semplice per caricare file di script esterno (attributo del tipo non è obbligatorio):
Un formato HTML male può causare l'esecuzione di errori JavaScript.
Le due istruzioni JavaScript per output diversi risultati:
HTML, JavaScript Provare a usare la stessa convenzione di denominazione.
specifiche del codice di accesso JavaScript .
La maggior parte dei server Web (Apache, Unix) sono case sensitive: London.jpg London.jpg non può accedere.
Altri server Web (Microsoft, IIS) non è case sensitive: London.jpg si può accedere tramite London.jpg o London.jpg.
È necessario mantenere uno stile unificato, si consiglia di nomi coerenti di file uso minuscole.
suffisso del file HTML può essere (o R htm).
estensione del file CSS è css.
JavaScript file js di suffisso.
L'estensione del file .htm e sulla natura non vi è alcuna differenza. Browser e il server Web li tratterà come file HTML da affrontare.
La differenza è che:
htm applicazione nei sistemi primi DOS, o sistemi sono ora solo tre caratteri.
Il suffisso non è particolarmente limitata a sistemi Unix, di solito con .
Se un URL non specifica un nome di file (ad esempio http://www.w3write.com/css/), il server restituirà al nome del file di default. Il nome del file predefinito di solito è index, index.htm, default, e default.htm.
Se il server è configurato con solo "index", come il file predefinito, è necessario assegnare un nome al file "index", piuttosto che "index.htm".
In generale, tuttavia, il server può impostare file di default multiplo, è possibile impostare il file predefinito in base alle esigenze.
In ogni caso, HTML suffisso completo è "".