SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: How Should I MarkUP this page?
-
Oct 20, 2006, 09:25 #1
- Join Date
- Oct 2003
- Location
- Mobile
- Posts
- 330
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
How Should I MarkUP this page?
There are three pages I'm trying to markup. I'm trying to understand what is the correct way of doing it.
Markup1 image:
1) The opening statement Frankin Primary Health Center, Inc will have the <h1> tag. I will also use <h1> tag for Notice of Privacy Practices.
2) Should I use STRONG for The part that starts, "THIS NOTICE DESCRIBES..." Or should simply use CSS and make the text bold?
3) I know the Address tag is not used for all addresses. Do I HAVE TO USE IT when it is appropriate? I would rather just ignore it.
4) "For More Information, Please,..." and "Our Responsibilities:" I'm using <h2> tags.
5) Of course for the list, i'm using a list.
Markup 2 image:
1) Top heading is <h2>
2) The next heading, "For Treatment." Is it REQUIRED TO BE <h3> since it follows <h2> or can i use <h5> since it is closer to the size that i need?
3) About same heading types, as correctly understood in English, the PERIOD at the end of the heading SHOULD NOT be underlined. Can i place my <h3> or <h5> tag as follows?
Code:<h3>For Payment</h3>.
4) If i use an <h3> heading for same type headings, would it be wrong to make the <h3> and <p> tags appear inline? I know i can NOT place the <h3> tag inside the <p> tag element so... I guess the only solution is to place it beside the <p> tag element but make it appear inline.
MarkUp 3 image:
1) The date "April 14, 2003" is in bold in the Markup3 page. Should i use STRONG, use CSS, or bold? I assume Strong.
2) The paragraph beneathe "Right to Request Restrictions," starting with a bold "We are not required..." This statement should also be in STRONG right?
Thanks very much!
-
Oct 20, 2006, 11:27 #2
- Join Date
- Dec 2004
- Location
- Sweden
- Posts
- 2,670
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
After having seen the images...
- Markup1
- I believe:HTML Code:
<div>Franklin Primary Health Center, Inc.</div> <h1>Notice of Privacy Practices</h1>
- I'd say STRONG in this case.
- It looks like contact information for the page, so ADDRESS is appropriate.
- They are headings for the section they introduce and they are both subheadings to the page heading, so H2 it is.
-
- I believe:
- Markup2
- "Top heading"? I though the page heading was the top-level heading?
- Don't skip heading levels. Heading levels have nothing to do with font size. Set the font size with CSS.
HTML Code:<h3>For Payment</h3>
Code:h3::after { content:"."; display:inline-block; } h3 { text-decoration:underline; }
- However you want it presented doesn't matter. So long as the markup is correct you can change the presentation with CSS to make H3 'display:run-in' or so.
- Markup3
- Looks like it's "important", so STRONG.
- STRONG.
Simon Pieters
-
Oct 20, 2006, 12:33 #3
- Join Date
- Oct 2003
- Location
- Mobile
- Posts
- 330
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks Simon, you answered most of my questions.
I really need help making my h3 tags inline with the following paragraph. When i make the paragraph inline, i lose my justified formatting. Is there a way to do this? It is on the Markup2 image.
Thanks guys.
-
Oct 20, 2006, 14:10 #4
- Join Date
- Dec 2004
- Location
- Sweden
- Posts
- 2,670
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I'd say this is what display:run-in is for, but AFAIK only Opera and Safari support it. I guess you also want some space between the heading and the paragraph, so you'd end up with something like:
Code:h3::after { content:"."; display:inline-block; } h3 { text-decoration:underline; display:run-in; margin-right:1em; }
But if you want it to work in IE and Mozilla too you probably have to use float:left instead of display:run-in.Simon Pieters
-
Oct 20, 2006, 20:04 #5
- Join Date
- Oct 2003
- Location
- Mobile
- Posts
- 330
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks Simon. I'll try the float: left. I thougth about floating it but i felt there should be another easier way. I didn't want to end up rigging things up inappropriately. Just because you can make it do it doesn't mean you should or there isn't a better way. So I'm trying to learn as i go.
Thanks very much!
Bookmarks