Seite 1 von 1

Bold-Tag

Verfasst: 09.12.2017, 22:52
von Riggi29
Hallo zusammen,

seobility zeigt mir folgende Meldung an:

Einige der Tags sind zu lang. Mit 158 Zeichen ist dieser länger als 70 Zeichen

Es handelt sich um einen Einführungssatz nach H1.

Ist die Länge des bold-tags wirklich relevant?

Grüße

Verfasst:
von

Verfasst: 09.12.2017, 22:59
von mogli
Die Frage ist eher, ob es semantisch so sinnvoll ist die Anreißer-Texte mit <b> oder <strong> auszuzeichnen. Dafür gäbe es ja auch ordentliche Lösungen via CSS-Klassen (z.B. <p class="intro">), die dann die Schrift entsprechend mit Fettdruck auszeichnen.

Verfasst: 10.12.2017, 21:38
von Riggi29
Hi,

lt. wiki.selfhtml.org, ist <b>, ein hervorgehobener Text ohne besondere Bedeutung, üblicherweise fett dargestellt. Dürfte dann ja semantisch kein Problem sein?

Aber die Lösung mit der CSS Klasse gefällt mir auch gut.

Danke!!

Verfasst: 10.12.2017, 22:09
von arnego2
Wer bestimmt denn was ordentlich ist?
Lösungen via CSS-Klassen vs <b> oder <strong>

letztere erscheinen mir wesentlich einfacher.

Re: Bold-Tag

Verfasst: 10.12.2017, 22:45
von nerd
Riggi29 hat geschrieben: Es handelt sich um einen Einführungssatz nach H1.

Ist die Länge des bold-tags wirklich relevant?
Bold tags und ueberschriften sind aber 2 voellig verschiedene sachen, auch wenn beide im browser als "fettschrift" ausgegeben werden:

<H1> soll einne aussagekraeftige seitenueberschrift sein, <strong> ist die fettschrift die du suchst, und nicht <b>:

https://developer.mozilla.org/en-US/doc ... /Element/b
The HTML Bring Attention To element (<b>) is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance. This was formerly known as the Boldface element, and most browsers still draw the text in boldface. However, you should not use <b> for styling text; instead, you should use the <strong> element [..] to create boldface text.

Verfasst:
von

Stimmt soweit ;)

Verfasst: 10.12.2017, 23:49
von arnego2
Dazu die Html5 schule:

w3schools.com hat geschrieben: Tips and Notes
Note: According to the HTML 5 specification, the <b> tag should be used as a LAST resort when no other tag is more appropriate. The HTML 5 specification states that headings should be denoted with the <h1> to <h6> tags, emphasized text should be denoted with the <em> tag, important text should be denoted with the <strong> tag, and marked/highlighted text should use the <mark> tag.

Tip: You can also use the CSS "font-weight" property to set bold text.

Re: Stimmt soweit ;)

Verfasst: 11.12.2017, 00:58
von nerd
w3schools.com ist weder eine schule, noch hat sie irgendwas mit dem w3c zu tun sondern benutzt nur deren namen um wertlose zertifikate (HTML Certification - $95.00, XML Certification :o - $95.00 usw.) die keinen interressieren an neulinge zu verscherbeln.
Inhaltlich und fachlich ist die seite auch irgendwo im bereich ComputerBild angesiedelt:
https://web.archive.org/web/20110412103 ... 3fools.com

Auch interressant zu sehen, wie jegliche kritik nach und nach aus ihrere wikipedia seite herrausgeloescht wurde, siehe Revision History.

Verfasst: 11.12.2017, 20:17
von Riggi29
@nerd: Meine Textstruktur schaut so aus:

Code: Alles auswählen


<H1> Rom </H1>

<p><b> Rom ist die Hauptstadt von Italien und bietet viele Sehenswürdigkeiten&#91;code&#93;</b> <br><br>

Content Content Content Content Content Content Content Content</p>

&#91;/code&#93;

Verfasst: 11.12.2017, 20:30
von nerd
[quote="Riggi29"]@nerd: Meine Textstruktur schaut so aus:

Code: Alles auswählen


<H1> Rom </H1>

<p><b> Rom ist die Hauptstadt von Italien und bietet viele Sehenswürdigkeiten&#91;code&#93;</b> <br><br>

Content Content Content Content Content Content Content Content</p>

&#91;/code&#93;[/quote]
Schematisch waere es natuerlich deutlich besser das alles in absaetze zu gliedern statt im text wild mit <br/>s um dich zu werfen:

[quote]
<H1> Rom </H1>
<p class="intro">Rom ist die Hauptstadt von Italien und bietet viele Sehenswürdigkeiten</p>
<p>Absatz 1</p>
<p>Absatz 2</p>
 usw.
[/quote]

in css kannst dann eben z.b. mit 

[quote]
.intro {
font-weight:700;
font-size:1.1em;
}
[/quote]
deinen introtext extra hervorheben.

Edit: anscheinend ist der &#91;code&#93;&#91;/code&#93; block hier im forum kaputt...?