HTML & CSS reading-notes session04reading

new layout tags in HTML5 help structure webpage build in html better. replace <div></div> to some degree with more structure.

• <header>
• <nav>
• <main>
• <content>
• <article>
• <aside>
• <footer>

these are some of the most commonly used ones. These new elements provide clearer code. Note <div>s are still very important for setting <div.container> classes (Emmet abbrev here).

comments in html by using ctr ? produces <!--a line of comment in html using Emmet-->

• # for `id=”a_new_id_name”
• . for `class=”a_new_class_name” difference - ids are unique - classes are used multiple times throughout

block elements

start on a new line

inline elemnts

are displayed on the same text/display line

example div, ul, ol, li vs a-tag, span, strong, em, img tags

iframes havent used these yet - interesting for map display - display another website in a window

meta tags

tell us about the page - seo - live inside the head tags - not visible on page (unless ctrl U in chrome) - commonly used with name and content attributes example <meta name="description" content="Reading Notes on code102-session04-html" /> name=keywords, name=robots

&#60, &#62 special characters used to display reserved characters for code alled escape characters