1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

<h1> als normale Text ??

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von krug_s, 25. Februar 2015.

  1. krug_s

    krug_s Mitglied

    Hallo

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


    zb.

    HTML:
    1. <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:
    1. <h1 class="abc">Lorem Ipsum</h1>
    Und dann in CSS formatieren oder ist es nicht so Ok? :rolleyes::rolleyes:
     
  2. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Naheliegend ist eine CSS-Formatierung mit font-size.
     
  3. Jan-Frederik Stieler

    Jan-Frederik Stieler Monsterator Moderator

    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
     
  4. Alice

    Alice Erfahrenes Mitglied

    Wenn das H1-Element immer gleich aussehen soll, kannst Du auch einfach:

    Code (CSS):
    1. h1
    2. {
    3. ...
    4. ...
    5. ...
    6. }
    in deine CSS-Datei packen und fertig. Dann gilt diese Deklarierung für die gesamte Webseite. Ansonsten halt mir "class" und/oder "id" arbeiten.
     
  5. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Dennoch unterscheidet sich ohne jegliche CSS-Formatierung die Schriftgröße der Überschriften vom normalen Text.
    Das ist nicht das Problem bzw. die Frage - siehe das Zitat.
     
    Zuletzt bearbeitet: 25. Februar 2015
  6. Alice

    Alice Erfahrenes Mitglied

    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?
     
  7. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Siehe meine erste Antwort von heute Morgen, warum vermutlich die Überschrift in normaler Textgröße erscheint ;)
     
  8. ComFreek

    ComFreek Mod | @comfreek Moderator

  9. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Oder so.
    Auf jeden Fall dürfte da eine CSS-Formatierung im Spiel sein. Von nichts kommt nichts :D
     
    Zuletzt bearbeitet: 25. Februar 2015
  10. krug_s

    krug_s Mitglied

    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 =>

    Code (CSS):
    1. /* http://meyerweb.com/eric/tools/css/reset/
    2.    v2.0 | 20110126
    3.    License: none (public domain)
    4. */
    5.  
    6. /* div ...zwischen body-span */
    7. html, body, span, applet, object, iframe,
    8. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    9. a, abbr, acronym, address, big, cite, code,
    10. del, dfn, em, img, ins, kbd, q, s, samp,
    11. small, strike, strong, sub, sup, tt, var,
    12. b, u, i, center,
    13. dl, dt, dd, ol, ul, li,
    14. fieldset, form, label, legend,
    15. table, caption, tbody, tfoot, thead, tr, th, td,
    16. article, aside, canvas, details, embed,
    17. figure, figcaption, footer, header, hgroup,
    18. menu, nav, output, ruby, section, summary,
    19. time, mark, audio, video {
    20.     margin: 0;
    21.     padding: 0;
    22.     border: 0;
    23.     font-size: 100%;
    24.     font: inherit;
    25.     vertical-align: baseline;
    26. }
    27. /* HTML5 display-role reset for older browsers */
    28. article, aside, details, figcaption, figure,
    29. footer, header, hgroup, menu, nav, section {
    30.     display: block;
    31. }
    32. body {
    33.     line-height: 1;
    34. }
    35. ol, ul {
    36.     list-style: none;
    37.     list-style-type: none;
    38. }
    39. blockquote, q {
    40.     quotes: none;
    41. }
    42. blockquote:before, blockquote:after,
    43. q:before, q:after {
    44.     content: '';
    45.     content: none;
    46. }
    47. table {
    48.     border-collapse: collapse;
    49.     border-spacing: 0;
    50. }


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

    SpiceLab ZENmechanic Premium-User

    Die zwei Eigenschaften, die dafür verantwortlich sind, hatte ich schon in meinem letzten Post zitiert ;)
    Üblicherweise wird nach dem "Reset CSS" in einem weiteren Stylesheet für die betroffenen Elemente die gewünschte (Re-)Formatierung festgelegt, um die vorherigen Regeln in der Kaskade zu überschreiben.

    Beispiel:
    Code (HTML5):
    1. <link rel="stylesheet" href="reset.css" />
    2. <link rel="stylesheet" href="style.css" />
    Code (CSS):
    1. /* style.css */
    2. /* Alle Größen & Einheit frei gewählt */
    3. h1 {font-size:2em}
    4. h2 {font-size:1.8em}
    5. h3 {font-size:1.6em}
    6. /* usw. */
     
    Zuletzt bearbeitet: 25. Februar 2015
  12. Jan-Frederik Stieler

    Jan-Frederik Stieler Monsterator Moderator

    Hi,
    Ja aber darauf bist ja du schon eingegangen. Auch wenn man das noch perfekter machen kann indem man body und h1 zusammen deklariert.
    Dann bekommt man sicher immer die gleiche Schriftgröße.

    Oder man definiert für H1 die Schriftgröße mit 1em. Dann bekommt H1 eine verhältnismässige Schriftgröße zum basiswert.

    Grüße
     
  13. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Aber bitte nur, wenn das tatsächlich auch so erwünscht ist, was hier nicht der Fall ist :D
     
  14. Jan-Frederik Stieler

    Jan-Frederik Stieler Monsterator Moderator

    Ups, vernünftig lesen hilft manchmal :).
     
    SpiceLab gefällt das.
  15. krug_s

    krug_s Mitglied

    Hallo es funktioniert alles wunderbar ...vielen Dank :)

    Habe einfach h1,h2,h3... am Anfang oben deklariert....
     
Die Seite wird geladen...