Vacci piano con me. Sto solo imparando l'HTML.Perché "<! -" commenta una regola di stile, ma "<! -" no?
Accroding al http://www.w3.org/TR/html-markup/syntax.html#comments e molti altri siti che ho visto come questo http://www.w3schools.com/tags/tag_comment.asp
dicono un commento HTML è <!-- text -->
senza spazio tra !
e la prossima trattino.
Tuttavia, mostro di seguito che solo quando scrivo <! -- test -->
viene effettivamente ignorato. Si noti la maggior spazio tra il <!
e --
Ecco il codice HTML
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
<!-- td {border: 1px solid gray;} -->
</style>
</head>
<body>
<table>
<tr> <td> test </td> </tr>
</table>
</body>
</html>
Ora prima di eseguirlo, dovrebbe avere la tabella di bordo o no?
Se il materiale in testo/css è davvero commentato, la tabella non dovrebbe avere il bordo, giusto? Ma lo fa. Ho provato questo sulla versione cromata 24.0.1312.52 sotto Linux Mint 14, e anche firefox 18,0
Ora quando cambio la linea di
<! -- td {border: 1px solid gray;} -->
Avviso lo spazio in più ora. Quindi la tabella si presenta senza bordi come previsto. Lo stesso accade quando io in realtà cancellare l'intera riga:
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<table>
<tr> <td> test </td> </tr>
</table>
</body>
</html>
domanda è: è il commento <!-- text -->
o è <! -- text -->
?
Una buona risorsa per gli sviluppatori web è jsfiddle.net, è possibile testare il codice su Internet e renderlo disponibile agli altri in fase di risoluzione dei problemi, è molto utile e dovresti usarlo molto o trovare uno strumento di condivisione del codice altrettanto utile . –
+1 @Ilan Biala, l'hai inchiodato. Per essere chiari, @Nasser: i commenti HTML devono essere evitati '', ma nel momento in cui viene fatto il commento, ci si trova all'interno di un blocco CSS, e quindi si applicano altre regole. – weltraumpirat
Sì, a cosa serve realmente html sta costruendo il documento, e CSS lo sta disegnando. Sono molto meglio separati, e dovresti cercare di cambiare i tuoi stili in linea in fogli di stile esterni collegati alla pagina html. –