Chapter 5 - Marking Up Text Flashcards

1
Q

semantically

A

in a way that most accurately describes the content’s meaning

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

<p>...</p>

A

paragraph element

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

block

A

displayed on new lines with a bit of space between them by default

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

phrasing content

A

text, images, and other inline elements

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

naked text (anonymous text)

A

text that is not contained within tags

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

<h1>...</h1>

<h2>...</h2>

<h3>...</h3>

<h4>...</h4>

<h5>...</h5>

<h6>...</h6>

A

heading elements (limit of six)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

heading

A

browser uses headings to create a document outline for the page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

paragraph

A

may contain text, inline elements, images, but may not contain headings, lists, sectioning elements, or any elements that display as blocks by default

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

document outline

A

an outline of your HTML document, used for accessibility features and structure

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

<hr></hr>

A

a horizontal rule

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

unordered list

A

collection of items that appear in no particular order

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

ordered list

A

list in which the sequence of the items is important

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

description list

A

list that consists of name and value pairs, including but not limited to term and definitions

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

<ul>...</ul>

A

unordered list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

<li>...</li>

A

list item within an list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

<ol>...</ol>

A

ordered list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

<dl>...</dl>

A

description list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

<dt>...</dt>

A

a name, such as a term or label

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

<dd>...</dd>

A

a value, such as a description or definition

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

<blockquote>...</blockquote>

A

a lengthy, block-level quotation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

<pre>...</pre>

A

preformatted text that displays exactly as typed, including all carriage returns and multiple character spaces

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

<figure>...</figure>

A

related image or resource

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

<figcaption>...</figcaption>

A

text description of a figure

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

<main>...</main>

A

primary content area of a page or app

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
...
introductory material for page, section, or article
26
...
footer for page, section, or article
27
...
thematic group of content
28
...
self-contained, reusable composition
29
tangentially related material
30
primary navigation links
31
...
contact information
32
text-level semantic elements (inline elements)
elements that display in the flow of text by default and do not cause any line breaks
33
a
34
...
abbreviation or acronym
35
...
keywords or visually emphasized text (bold)
36
bdi
37
bdo
38

line break
39
...
citation
40
...
code
41
...
machine-readable data
42
...
deleted text
43
...
defining term
44
...
stressed emphasis (italics)
45
...
alternative voice (italic)
46
...
inserted text
47
...
user-entered keyboard strokes
48
...
contextually relevant text
49
...
short inline quotation
50
ruby, rt, rp
51
...
incorrect text (strike-through)
52
...
program sample
53
...
legal text; small print (smaller type size)
54
...
generic inline element
55
...
strong importance (bold)
56
...
subscript
57
...
superscript
58
time data
59
...
annotated text (underline)
60
...
variable
61
word break
62
monospace
constant-width rendering of text
63
...
generic block-level element
64
global attributes
can be used with all HTML elements
65
thirteen global attributes
accesskey, class, contenteditable, dir, draggable, hidden, id, lang, spellcheck, style, tabindex, title, translate
66
structured data
allows content to be machine-readable, helps search engines provide smarter user-friendly results, and can provide a better user experience
67
vocabulary
a collection of the standardized terms assigned to "things"
68
microformats
vocabulary for defining people, organizations, events, products, and more
69
microdata
a WHATWG HTML standard that uses microdata-specific attributes to define objects and their properties (itemscope, itemtype, itemprop, itemid, itemref)
70
Web Hypertext Application Technology Working Group (WHATWG)
working group
71
RDFa and RDFa Lite (Resource Description Framework in Attributes)
uses specified attrbutes to enhance HTML content (vocab, typeof, property, resource, prefix)
72
JavaScript Object Notation to serialize Linked Data (JSON-LD)
puts the object types and their properties in a script removed from the HTML markup
73
Accessible Rich Internet Applications (ARIA)
a standardized set of attributes for making pages easier to navigate and interactive features easier to use; created and maintained by a Working Group of the Web Accessibility Initiative (WAI); aka WAI-ARIA; defines roles, states, and properties
74
roles
describe an elements function or purpose in the context of the document (alert, button, dialog, slider, menubar, etc)
75
property
value of the attribute is more likely to be stable
76
state
have values that are more likely to be changed as the user interacts with the element
77
escaped
instead of typing in the character itself, you represent it by its numeric or named character entity reference
78
character entity reference
begin with an & (ampersand) and end with a ; (semicolon), used in place of a the real character because it is one that is used in HTML markup
79
named entity
using a predefined abbreviated name for the character
80
numeric entity
using an assigned numeric value that corresponds to its position in a coded character set
81
Add the markup to insert a thematic break between these paragraphs:

People who know me know that I love to cook.

I've created this site to share some of my favorite recipes.

People who know me know that I love to cook.


I've created this site to share some of my favorite recipes.

82
What's the difference between a blockquote and a q element?
A blockquote is a block-level element used for long quotations or quoted material that may consist of other block elements. The q (quote) element is for short quotations that go in the flow of text and do not cause line breaks.
83
Which element displays whitespace exactly as it is typed into the source document?
The pre element.
84
What is the difference between a ul and an ol element?
The ul element is an unordered list element. It is used for lists that don't need to appear in a particular sequence. they display with bullets by default. The ol element is an ordered list in which sequence matters. The browser automatically inserts numbers for ordered lists.
85
How do you remove the bullets from an unordered list? (Be general, not specific.)
Use a style sheet to remove bullets from an unordered list.
86
What element would you use to mark up "W3C" and provide its full name (World Wide Web Consortium)? Can you write out the complete markup?
W3C
87
What is the difference between dl and dt?
dl is the element used to identify an entire description list. The dt element is used to identify just one term within that list.
88
What is the difference between id and class?
The id attribute is used to identify a unique element in a document, and the name in its value may appear only once in a document. class is used to classify multiple elements into conceptual groups.
89
What is the difference between an article and a section?
An article element is intended for a self-contained body of content that would be appropriate for syndication or might appear in a different context. A section element divides content into thematically related chunks.