Web Programming with html5, css, and JavaScript

body
 Container
1. Blank lines
• Insert a blank line between the 
head
container and the 
body
container.
• Optionally, insert a blank line between large (
≥
5 lines?) block elements, where a 
block 
element
is an element that expands to fill the width of its container.
• Do not insert blank lines between short, related heading elements. In the following 
example, 
h1
and 
h2
are short and related so there is no blank line separator. On the other 
hand, the heading elements can be separated from the 
p
element with a blank line.
636
Appendix A
 
HTML5 and CSS Coding-Style Conventions

---

Our Furry Friend

The Common House Rat

Doesn't every child dream of having his/her very own pet rat?
With the "One Child, One Rat" program, that dream can become a
reality.
2. Indentations:
• Use indentations for (1) block elements whose code is too long for one line, and (2) 
continuation code for phrasing elements whose code is too long for one line.
• Block elements:
■
In the following code, the text is indented inside the 
p
block element because it’s too 
long to fit on one line. When the start and end tags appear on lines by themselves 
aligned in the same column, and the contained code is indented, that is called 
block 
notation
.
Parkville's pristine white sandy beaches along the 
Missouri River attract vacationers from the world over. 
-Parkville Mayor, Angie Klein. After sun-worshipping all day, 
relax and enjoy Parkville's scintillating nightlife. 
Pirate Grounds is always a big hit with the singles!
■
Optionally, use block notation for short block elements that are inside other block 
elements. Thus, in the following example, it’s OK to put the 
h1
block element on a line 
by itself and indent it. The 
strong
element should not use block notation because it is 
not a block element.