HTML 5 Flashcards
HTML 5 extended it’s markup from syntactic to what?
semantic
`Doctype
A DOCTYPE is a required preamble.
DOCTYPEs are required for legacy reasons. When omitted, browsers tend to use a different rendering mode that is incompatible with some specifications. Including the DOCTYPE in a document ensures that the browser makes a best-effort attempt at following the relevant specifications.
<!--!DOCTYPE html-->
Header tag
first element on page
fat header
Page with h1 and h2 (header and subheader), you can group using h2 ties to h1 as subheader you can now use headers in ‘s
footer change
footer now relates to nearest ancestor section content– this means you can have multiple footers
footers should contain
info about section, who wrote it, copywright, etc.
article tag
new tag should be self contained document, page, etc
Article tag to be used for
forum posts, blog posts, comments, individual email, article
section
can section page to subject areas
can mark sections in an article
but dont create standalone rticle–which is the difference btween this and section tag
can you have multiple sections in article
yes– indicates how article is divided
aside tag
new tag
a way of saying it’s related to but not part of the main flow
sidebars
nav tag
used to maerk navigation sections but not every link or list of links or search results
primarily intended for sections that consist of major navigation links
mark tag
new tag
used to highlight section of text
time tag
used to dematk time; universal format
<time> 1:30 pm on July 10 2013</time>
changed elements
address
cite
dl
em
hr
ol
s
small
strong
u
address
used for contact address of author not postal
can have multiple in onde doc–one per article tag
can be email postal or any other address
cite
more constrained– technically no longer supposed to mark up a name of a speaker
rather use to mark publication
dl
now expended to cover any name/value group (glossary usage)
dl
dt moby dick /dt dd herman mellivelle /dd
/dl
em and i change
use em wehn you are subtly changing meaning of a statement
use i for technical terms whose typical typographic presentation is italicized
hr
used to indicate a paragraph level thematic break
almsot but not quit obsolete
use to create horizontal rule
ol
two new attrs
start attr to determine what number counting can begin at
s tag
used to be strikethrough
small
no longer makes print small
now used for small print as in legal docs
strong and b
strong indicates importance
b indicates bold without indicating importance
forms
new input types:
date
time
month
week
range
search
tele
color
and related type called data list: progress bar and meter
link a css style
in header
form code with example inner html
css3 implementation for slider
search tag
input type, can take placeholder=”some text”
required
add required to end of input type,
requires input typr submit following it to really do anything.
The result is a notice that a field is required
input type submit can take this param to set its text
value=”text”
what key word for required allows for multiple entrys seperated by a comma
require multiple (will accept just one as well)
how do you add an element to a form outside of the closing form tag?
how to implement a color picker
simple add input type=”color”
implement a data list