Major text tags are considered “block-level elements” and so will shift to occupy their own spaces rather than exist inline – by which I mean the same line. That’s why you can’t put header text in the middle of a paragraph, which is itself a block-level element.
You can cheat somewhat by creating a header style with the custom CSS property “display” and a value of “inline” which will override the normal display settings for the headers, but I’m not sure that is a good solution… why would you want to bury your headlines in the paragraph?
–
Ernie Simpson
On May 13, 2013, at 6:31 AM, “Artivideo” email@hidden wrote:
If I have a block of HTML text with a certain CSS layout, how can I
tag just a few words in that text without changing the layout of the rest of the text
The key thing to understand is that h2 is not a visual style, it’s a tag that means something in the semantic context of your document. It means precisely: “this is the second-most important topic header on this page, and the paragraph(s) following explain that topic”. It needs to be understood in that context. You could make a tag (which is utterly meaningless, semantics-wise) and style it to look visually identical to your h2, and that could sit inline within a paragraph of text without hurting anyone or requiring you to break the way that HTML + CSS expects to work. But if you want the content of that h2 to mean “this is the second-most important thing on the page” then you have to do the right thing and use the h2 as intended.
Walter
On May 13, 2013, at 7:19 AM, Ernie Simpson wrote:
Major text tags are considered “block-level elements” and so will shift to occupy their own spaces rather than exist inline – by which I mean the same line. That’s why you can’t put header text in the middle of a paragraph, which is itself a block-level element.
You can cheat somewhat by creating a header style with the custom CSS property “display” and a value of “inline” which will override the normal display settings for the headers, but I’m not sure that is a good solution… why would you want to bury your headlines in the paragraph?
–
Ernie Simpson
On May 13, 2013, at 6:31 AM, “Artivideo” email@hidden wrote:
If I have a block of HTML text with a certain CSS layout, how can I
tag just a few words in that text without changing the layout of the rest of the text
h2 tags are headers. Their contents are meant to introduce a topic within the context of your page, and help elucidate the structure of your page by assigning relative weight to their contents.
The most important thing to grasp is that headers are not styles, they are separate tags that have inherent meaning. That’s the key concept here. The fact that you access them from within the Styles palette is a major flaw in Freeway’s conceptual model, in my considered opinion.
Walter
On May 13, 2013, at 8:22 AM, Artivideo wrote:
Thanks I understand I think. So <h…> tags are only meant for headers.
CSS is all about how content looks – html is about how content is
structured. Semantic html is about giving that structure meaning. Header
tags aren’t really about making text big or small, their sole purpose is to
indicate the level of importance of content sections… just like in an
outline format. h1 headers introduce top-level sections while h2 and down
introduce sub-sections.
When your content is semantically structured, it becomes easier for search
engines (and pretty much everything else) to understand and access your
content.
–
Ernie Simpson
On Mon, May 13, 2013 at 8:22 AM, Artivideo email@hidden wrote:
Thanks I understand I think. So <h…> tags are only meant for headers.
Hello, thanks 4 your mail. Nice article and i can definitly learn something from here, but this isn´t really about my webYep-Problem, or is it and i´m too dumb :)?? cheers, Jay
To: email@hidden
Subject: Re: [Pro]
tag
From: email@hidden
Date: Mon, 13 May 2013 13:39:58 -0400
“You can (should) use the p-tag for all your body text paragraphs on your web page. Select the paragraph(s) and click [No Style] style in your Styles Palette. This will apply the p-tag to the body text.”
Probably you have the new version. In the older 5.6.5 version there is only an option in the “style” menu in the top bar called “remove styling” and the layout becomes paragraph style as defined in
Old or new, you can hi-lite the text you want to un-style and choose menu
Style > Remove Styling.
–
Ernie Simpson
On Mon, May 13, 2013 at 5:01 PM, Artivideo email@hidden wrote:
Probably you have the new version. In the older 5.6.5 version there is
only an option in the “style” menu in the top bar called “remove styling”
and the layout becomes paragraph style as defined in
tag is “the second-most important topic header on this page" is outmoded and now wrong with HTML5 - as is the logic (often ignored regardless) that you should only have one
tag on your page.
You can in fact have as many
and
tags as is appropriate on a single page and the hierarchy of importance of them relates ONLY to the ,h1. tag of which they descend and NOT the page.
Just as it is correct to have numerous header and footer tags if the page calls for it. I only point this out because the previous guidance on this topic still persists long after it has ceased to be true or helpful.
Well, when I said second-most important, I just meant at the second level of importance, not the 2nd header. I agree, the time is long gone where you followed the order of headers as if they were numbered items in an ordered list. But think of them as the number of levels of indent in an outline. That’s what they have always meant, and HTML5 simply codified it as it was being used anyway.
Walter
On May 14, 2013, at 4:26 PM, Glynster wrote:
It’s worth noting that the logic that a
tag is “the second-most important topic header on this page" is outmoded and now wrong with HTML5 - as is the logic (often ignored regardless) that you should only have one
The point I was trying to highlight is that the significant difference with HTML5 is that it facilitates and acknowledges the syndication of web content (especially articles, blogs etc) each of which can (in fact SHOULD) have their own
and elements - you can of course have multiple
(and so on) elements as you always could. What gives even great flexibility and facilitates removing clutter fromt he html is that each logical section of the page can be marked as a and have its own header, footer etc. This keep enables clean styling because you no longer have to target a titles somewhere on the page as an id or class instead you can target it as belonging to the section such as the oft used “
{ }” which enables you to style only the instances of the
element in the header and nowhere else without adding “un” semantic div clutter to the html.