2012-04-03 7 views
2

Ich habe Probleme, meine Schriftart in IE8 korrekt angezeigt werden. Es sieht in allen anderen Browsern gut aus.Benutzerdefinierte Tags in IE8

Zum Beispiel auf dieser Seite den Titel "Acai Berry" hat einen tag: http://www.ultralaboratories.com/Fruitrients/Acai%20Berry/index.php

In mys CSS-Datei, h10 wie folgt aussieht:

h10 { 
font-size: 2em; 
color: #000; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bolder; 
padding-bottom: 5px; 
} 

In IE8 es Styling es nicht richtig ; Es ist nicht fett oder groß geschrieben. Alle anderen Schriftarten scheinen in Ordnung zu sein.

Danke !!!

+0

Haben Sie das Styling in den Entwicklungstools überprüft? – vansimke

+3

h10 ist kein gültiges HTML-Element. Übergibt die Seite die Validierung? – Sparky

+1

Sie sollten in Betracht ziehen, Ihre H-Tags richtig zu verwenden, es ist gut für SEO und stoppt Probleme, die Sie gerade erleben: http://www.htmlcodetutorial.com/_H35n.html Denken Sie an ein Minimum, markieren Sie den Titel der Website als H1, und entfernen Sie das H1-Tag aus Ihrer Navigation (weil es nicht die primäre Überschrift ist). – djlumley

Antwort

3

H10 ist kein definiertes HTML-Tag. Verwenden Sie ein anderes Tag und/oder legen Sie das Klassenattribut fest, wenn Sie ihm Stile zuweisen möchten.

Von einem schnellen Blick auf die Quelle der Seite scheint es, dass Sie Überschriften willkürlich verwenden (wo ist H2? H6?) Haben Sie wirklich 10 Ebenen des Dokuments Gliederung?

Wenn es wirklich ist ein Bedarf benutzerdefinierte Tags erstellen/Attribute: Is there a way to create your own html tag in HTML5?

Aber ich denke, die definierte Menge von Tags können mehr als ausreichend Ihre Dokumentstruktur beschreiben.

Ich würde auch vorschlagen, validating your site, Entfernen von veralteten Tags wie CENTER und Verwalten von Abständen mit CSS anstelle von BR Tags.

+0

Danke für die Antwort Tim. Ich bin verwirrt; h10 ist in Zeile 254 des CSS definiert. Sollte das nicht der Stil sein? Und ja, ohne Zweifel habe ich die Best Practices nicht befolgt. Ich bin Autodidakt und das ist meine erste Seite. –

+2

Da es sich nicht um ein definiertes Tag handelt, kann der Browser den Stil anwenden oder nicht. IE8 wendet keine Stile auf Tags an, die er nicht erkennt (zumindest von dem, was ich gesehen habe). –

+0

@Capm, Sie können keine HTML-Tags mit CSS erstellen. Sie müssen bereits gültig sein. – Sparky

3

Es gibt kein Element namens h10 in einem gültigen Dokument HTML. Gültige Header sind: h1, h2, h3, h4, h5 und h6. Es ist sehr wichtig für ein HTML Dokument, das die Header einer Hierarchie folgen, wie zum Beispiel:

<h1>Document Title</h1> 
<h2>Document Section</h2> 
<h3>Document Sub-Section</h3> 

Dieses für SEO auch sehr wichtig ist.