<h1> als normale Text ??

krug_s

Mitglied
Hallo

Wenn ich h1,h2 Tags schreibe werden die nicht so dargestellt, also nicht in dieser Größe. ..


zb.

HTML:
<h1>Lorem Ipsum</h1>
wird nicht als h1 (gross angezeigt, sonder eher wie normale Text)

Was kann die Ursache sein? Wertet Google immer noch h1,h2, h3 ??

Ansonsten würde ich so schreiben:

HTML:
<h1 class="abc">Lorem Ipsum</h1>

Und dann in CSS formatieren oder ist es nicht so Ok? :rolleyes::rolleyes:
 
Hallo Krug_s,
HTML ist keine Formatierungssprache dafür gibt es CSS. Heißt das Aussehen der HTML-Elemente sollte über CSS von dir gesteuert werden.
Das Basisaussehen eines HTML-Elementes kann von Browser zu Browser variieren und vom Nutzer über Einstellungen im Browser beeinflusst werden.
Für Google ist es irrelevant ob ein HTML-Element eine Klasse mit gegeben bekommt. Google wertet deine Seite semantisch aus nicht abhängig vom Aussehen.
Beim Erstellen von Webseiten immer dran denken das Bedeutung (Semantik) und Aussehen zwei unabhängige Dinge sind.

Viele Grüße
 
Wenn das H1-Element immer gleich aussehen soll, kannst Du auch einfach:

CSS:
h1
{
...
...
...
}

in deine CSS-Datei packen und fertig. Dann gilt diese Deklarierung für die gesamte Webseite. Ansonsten halt mir "class" und/oder "id" arbeiten.
 
Wenn ich h1,h2 Tags schreibe werden die nicht so dargestellt, also nicht in dieser Größe. ..

zb.
HTML:
<h1>Lorem Ipsum</h1>
wird nicht als h1 (gross angezeigt, sonder eher wie normale Text)
Das Basisaussehen eines HTML-Elementes kann von Browser zu Browser variieren und vom Nutzer über Einstellungen im Browser beeinflusst werden.
Dennoch unterscheidet sich ohne jegliche CSS-Formatierung die Schriftgröße der Überschriften vom normalen Text.
Wenn das H1-Element immer gleich aussehen soll
Das ist nicht das Problem bzw. die Frage - siehe das Zitat.
 
Zuletzt bearbeitet:
Es wäre möglich das der Fragesteller ein System wie Wordpress oder ähnliches verwendet, wo das H1-Tag schon (vor)deklariert ist. Einfach mal den H1-Tag mit "Firebug" (Firefox Add-On) untersuchen. Dann kommt man der Sache sicherlich auf die Spur. Oder: Wie wäre es mit einem Link zu der Webseite?
 
Hallo zusammen

Ich habe sehr wenig Zeit :/ deswegen kurze Version:

Ja ich verwende Wordpress ...wie ist es denn in WP?

Und ich verwende reset.css =>

CSS:
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* div ...zwischen body-span */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
    list-style-type: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



Was oder wo kann der Fehler liegen, ich were auf jeden Fall mal reset.css auskommentieren, mal schauen was passiert...
 
Zurück