Week 3 Flashcards
What do these do?
<table><table>
<td></td>
<th></th>
<tr></tr>
</table></table>
Create table
Table data (default left-aligned)
Table header (bold by default and centered)
Table row
<td>
<th>
What do these do?
</th></td>
They can make table cells cover several columns or rows
What are the advantages of using a semantic structure in html?
Maintainability
Performance
Accessibility
Search Engine Optimization (most important)
article, aside, figure, figcation, footer, header, hgroup, nav, section
What are these examples of?
Semantic structure elements
Rules and Exceptions:
Block elements
<body>, <form>: some block elements can only contain other block elements
</form></body>
Rules and Exceptions:
<p> tags
</p>
<p> tags can only contain inline elements and plain text
</p>
<div> and <li> can contain
</li></div>
Block AND inline elements
<ul> can only contain
</ul>
<li>, but <li> can only other elements (think <ul>) for nested lists
</ul></li></li>
<html> <body> <head> <main>
What do these have in common?
</main></head></body></html>
They’re only allowed once per document
T/F - you can use <h4> without using h1-3
False
T/F - use <hr> when you want to have a horizontal lines that separates sections, rather than a <div> with a border
True
T/F - Accessible designs account for all abilties
True
Why use valid HTML5 and web standards?
Useful across different browsers
More likely that the pages display correctly now and in the future
Ensures accessibility
The W3c created the WAI in 1997. One of their important guidelines are to provide ____ alternatives for any non-text content, so that it can be changed into other forms people need
text
To create an accessible table, we can use the _____ attribute to give textual descriptions of table headers
scope
