Advanced HTML Flashcards
HTML5 tag used to make dates and times super-semantically rich.
time tag with the datetime attribute
Text can be highlighted using _______?
mark
hr
thematic break
previously horizontal rule
small
small print
s
no longer correct
previously strikethrough
u
unarticulated
previously underline
i
alternate voice
previously italics
b
attention is being drawn
previously bold
sub and sup
subscript and superscript
A filthy hack that allows you to target HTML solely at versions of Microsoft’s Internet Explorer browser
Conditional Comments
They are just normal are just simple HTML comments that IE (up to version 9) look for.
These tags allow you to define the table columns and style them as desired.
colgroup and col
The caption tag
Add a caption to a table
caption-side: bottom will move the caption to the bottom
What tags will allow you to separate the table into header, footer and body?
thead, tfoot and tbody
tabindex
Users who do not or cannot use pointing devices can tab through links and tabindex let’s you set a logical tabbing order.
If you have a link that isn’t self-descriptive, or the link destination could benefit from being explained in more detail, you can add information to a link using the ________ attribute.
title
How can you assign a keyboard shortcut to a link?
Access keys
The user presses “Alt” or “Ctrl” + the access key
What tags add accessibility for forms?
- ) Labels
- ) Fieldset and Legends
- ) Option groups
What does autofocus do?
Sets focus to a certain form field on page load.
This will embed a video, complete with controls
video src=”video.mp4” controls
poster=”pic.jpg”
You can specify a placeholder image, which will be displayed before the video is played, with the poster attribute.
How to embed audio
audio src=”audio.mp3” controls
JavaScript can be used to paint all manner of dynamic images such as graphs, animated sprites on _______.
Canvas
