I am new to Web programming, Can I please know what is the difference between inline level elements vs phrase elements ? em and strong they are phrase elements ? but are they inline too, I don't quite get the difference,
Also if you could add what is significance of knowing blocklevel elements in relation to inline, phrase elements,
preguntado el 29 de julio de 12 a las 20:07
The term "phrase element" was last used in the HTML4.01 specification, section 9.2.1 Phrase elements:
Phrase elements add structural information to text fragments. The usual meanings of phrase elements are following [followed by a list of phrase elements] (fuente).
Son prestados as inline-level elements, they do not form new blocks of content. In HTML5 they are redefined as fraseo elementos.
For block-elements have a look at the CSS2.1 specification (section 9 Visual formatting model):
Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). The following values of the 'display' property make an element block-level: 'block', 'list-item', and 'table'.
So frase or fraseo is more a semantical attribute, while nivel en línea or nivel de bloque is more a rendering attribute. Most phrasing elements are inline-level elements, most flow elements block-level elements.
Different HTML specifications and drafts use partly different terminology. Moreover, some of the concepts have CSS counterparts. Confusing these with each other can be really confusing, so let’s focus on the HTML 4.01 specification.
It has a section on elementos a nivel de bloque y en línea, which is somewhat confusing. The fundamental distinction is formal and syntactic: some elements (e.g.,
p) are designated in the spec as block level, others are inline. Generally, you cannot put a block level element inside an inline element, but rules like this are really set in the syntax of element. The default formatting normally renders a block level element as a rectangle that occupies the available width, but this can be changed by a style sheet.
The distinction is supposed to be practical, helping people understand some rules easier. To some extent, it also has independent informational value. For example, the HTML specs do not specifically say that an
ul element by default starts on a new line, and implies a line break after it too, and occupies the available width. This is more or less implied in designating it as block level element.
"Phrase element” is a term defined syntactically by enumerating some (inline) elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM. The spec tries to describe this by saying that such elements “add structural information to text fragments”. This is meant to say that these elements say something about the meaning or role of their contents. For example, EM is said to mean emphasis (whatever that means). This is in opposite to inline elements like FONT and I, which indicate presentational features of text. But the “phrase level” concept is far from clear, and it has no special relevance in HTML.