HTML5, CSS3, and JavaScript Fourth Edition

(Ben Green) #1

CHAPTER 2. CONTENT VS MARKUP 15


CSS, including centering and font specification.


Semantic Markup is the process of telling the browser what you are trying
to accomplish rather than how to accomplish it. Within paragraphs, there
may be words or phrases that you want to emphasize. Adding emphasis is
semantic markup.


Webpage composition has been an evolving thing. Over time, best prac-
tices have been recognized. One of these is to separate the three main
components: content (HTML), presentation and styling (CSS), and action
(JavaScript). But in the early days of the web, these were often co-mingled.


Older presentational markup included things like

, which was used
to center content on the screen, and, which was used to specify fonts.
Much of this older markup has been deprecated, by which we mean it is being
phased out and should never be used again. However, you will probably see
old examples that show how to do things that are still supported, but are
currently discouraged.


Exam Question 6(p.337):What does deprecated mean?
Acceptable Answer:on its way out


Things that are deprecated can still be used at this time, but someday
they may be forbidden. New development should always avoid deprecated
capabilities.


Exam Question 7(p.337):Is the center tag deprecated?
Required Answer:yes


Exam Question 8(p.337):Is the font tag deprecated?
Required Answer:yes


2.1.3 Mark The Structure


Heading One: Put

before and

after each of your primary
headings.


Paragraph:Put

before each paragraph. You can put

after each
paragraph, but it is not required.


Bold: Put before andafter each word or phrase you want to
present inbold font. Bold is presentational markup.


Italics: Putbefore andafter each word or phrase you want to
present initalic font. Italic is also called slanted or oblique. Italic is presen-

Free download pdf