How do I use heading elements, paragraphs, and force wrapping correctly? How do you make it more semantically consistent? Selected passage from
Http://www.sitepoint.com/print/html-37-steps-perfect-markupTwo pieces of text, will bring a little help to beginners.
how to use header elements correctly
The HTML caption element type is h1, H2, H3, H4, H5, and H6, the number represents the structure level of the title, we want to study like in the school so seriously treats the title (hehe, but I did not read how many books, 69 junior Middle School-translator).
The highest level of title must be H1 on the page. It should describe what this page is doing. Most pages have a H1 title, but a complex paging file may have more than one H1 tag.
The H2 title will mark the next structural level, H3 at the secondary level, and so on, and not jump from H2 to H4. H4 should not follow H2; Between them because it is H3.
The Hn element type is important for tag headings, and assistive techniques such as screen readers can use an appropriate title to understand the overview of the file. If we use <font size= "7" >...</font>, then they can't read it.
How to use P and BR correctly
The P element marks a paragraph in the text. A paragraph consists of one or more sentences.
Force wrap (BR) is usually just a surface tool that should be handled by CSS instead of HTML. However, forced-wrap can be semantically useful in some places, such as poetry, songs, mailing addresses, and computer coding demonstrations, which may constitute legitimate uses, but separating paragraphs using BR is absolutely incorrect.
On the other hand, P has a very clear semantic meaning: it represents a paragraph. Sometimes web designers use p as a common block-level element, which is obviously incorrect. It's not hard to see that in a form the label and input tags are included in the P tag, which is absolutely wrong in semantics, and the label and input tags do not constitute a "paragraph".