2013-02-06 3 views
0

J'ai quelques balises HTML5 dans ma page Web. J'ai utilisé <!DOCTYPE html> pour la même page Web ... Mais je suis confronté à des problèmes d'espacement. J'ai essayé line-height:0px; and vertical-align aussi ... Mais cette autre question ouvre ... donc je ne peux pas utiliser-hauteur de la ligne: 0; ...<! DOCTYPE .... /> pour HTML5

J'ai essayé de changer <!DOCTYPE html> à

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

ceci tous les problèmes ont été résolus et fonctionne très bien ..:) ...

Je veux juste savoir s'il est juste moyen d'ajouter

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" 

à la page HTML5 ... il travailler ou pas. ... ou il y a une autre façon pour mes tags HTML4 ....

Merci ...

EDIT ....

Voici une partie .. de bien vouloir enregistrer comme format html puis voir ... et aussi essayer avec "<!DOCTYPE html" only ... vous trouverez la différence ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 
    <style type="text/css"> 

.sharecon { 
    border-bottom: 1px solid #E6E6E6; 
    float: left; 
    padding: 3px 0 6px; 
    width: 100%; 
    font-family:Arial; font-size:12px; 
} 
.dvleft { 
    float: left; 
} 
.mleft5 { 
    margin-left: 5px; 
} 
.text11 { 
    color: #000000; 
    font-size: 11px; 
} 
strong { 
    font-weight: bold; 
} 
    </style> 
</head> 
<body> 

<div class="sharecon"> 
<span class="dvleft mleft5"> 
<input id="abc123" type="checkbox" onclick="javascript:EmailBoxGetFocus();CheckUncheck(this,'[email protected]');SetSelectedCount();EmailBoxLostFocus();" value="[email protected]" name="dlstContacts$ctl00$checkBoxSpn"> 
</span> 
<span class="dvleft mleft15" style="margin-left:4px; margin:2px;"> 
<strong class="text11" style="line-height: 12px">ABC Name</strong> 
<br> 
<span class="light_text11" style="line-height:12px;display:inline"> [email protected] </span> 
</span> 
</div> 

</body> 
</html> 
+0

S'il vous plaît définir * « quelques problèmes d'espacement » * – Oleg

+2

Vous seriez probablement mieux d'afficher le code HTML qui est à l'origine des problèmes, puis essayer de le réparer en utilisant un plus doctype. – Sirko

+0

'line-height: 0px' n'est pas une solution –

Répondre

0

en ajoutant cela, vous changez le type de document. Voir link on Doc Types

Vous devriez chercher à changer le CSS/HTML pertinent si vous rencontrez des problèmes de style dans la page réelle, vous devez créer une nouvelle question y compris le code si tel est le cas

+0

[w3schools typique] (http://w3fools.com) J'ai peur. La seule chose qui compte vraiment dans le DOCTYPE, c'est-à-dire s'il provoque des caprices, presque des standards ou le mode standard, est la seule chose que cette page ne mentionne pas du tout. Pour la question de l'OP est la différence dans le comportement du navigateur de presque le mode standard (XHTML 1.0 Transitional) et le mode de normes (HTML5) – Alohci

1

puts DOCTYPE XHTML 1.0 Transitional de nombreux navigateurs dans Quirks Mode, ce qui signifie un mode volontairement brisé où le navigateur plus ou moins émule les versions d'IE éteintes, avec de nombreux bugs et bizarreries, ou dans Almost Standards Mode, ce qui est un mode moins cassé. L'utilisation de <!doctype html> déclenche le mode Standards, donc si votre page est perturbée, c'est parce que votre page repose sur des bogues qui étaient autrefois communs dans les navigateurs.

Il est difficile de dire ce qu'il faut faire. Si la page fonctionne avec le doctype XHTML 1.0 Transitional, il est probablement préférable de le faire de cette façon, jusqu'à la prochaine révision complète (réécriture) de la page. S'il s'agit d'une nouvelle page créée, elle doit être conçue pour fonctionner en mode Standards depuis le début.

Notez l'utilisation (ou l'absence) d'un doctype n'a rien à voir avec le soutien aux nouveautés HTML5. Un navigateur fait ce qu'il fait avec les fonctionnalités HTML5. Le doctype est juste a) une chaîne magique qui sélectionne le mode navigateur par des règles compliquées (affectant principalement la façon dont CSS est correctement appliqué) et b) un outil pour spécifier les règles de syntaxe à appliquer, si vous utilisez un validateur de balisage.