[Pro] <h2> tag

Freeway
1

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

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

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

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

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

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Thanks I understand I think. So <h…> tags are only meant for headers.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

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.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

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.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

I have written an article about this specifically for Freeway. Maybe it can help you. http://www.dtp2.nl/style-text-freeway-pro.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

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

I have written an article about this specifically for Freeway. Maybe it can help you. http://www.dtp2.nl/style-text-freeway-pro.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

Thanks for you document. I tried to follow this

“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.”

however I can not find such thing as [no style]

On 13 May 2013, 5:40 pm, DTP2 wrote:

I have written an article about this specifically for Freeway. Maybe it can help you. http://www.dtp2.nl/style-text-freeway-pro.html

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

The top style in your Styles Palette?

https://dl.dropboxusercontent.com/u/248835/Schermafbeelding%202013-05-13%20om%2021.35.54.png

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

11

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

On 13 May 2013, 7:37 pm, DTP2 wrote:

The top style in your Styles Palette?

https://dl.dropboxusercontent.com/u/248835/Schermafbeelding%202013-05-13%20om%2021.35.54.png

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

12

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

On 13 May 2013, 7:37 pm, DTP2 wrote:

The top style in your Styles Palette?

https://dl.dropboxusercontent.com/u/248835/Schermafbeelding%202013-05-13%20om%2021.35.54.png

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

13

In the older 5.6.5 version there is only an option in the “style” menu in the top bar called “remove styling”

Yes but in the Styles palette (Window>Styles and Colors) the top item in the list is (and has been for umpteen versions) [No Style]

Screenshot from FW 5.6.5

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

14

ok got. thanks

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

15

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

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.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

16

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

tag on your page.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

17

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.

    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

18

Probably a more correct definition nowadays is that the

tag means “This is THE primary title or headline of this article, section or page” and

is “of secondary importance to the

element of which it relates and descends”.

Hopefully this will put to the bed the deprecated argument that “you can only have a single

element because you can only have one - one most important thing on the page”

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options