Quality Development with HTML5
-
Upload
shay-howe -
Category
Technology
-
view
19.322 -
download
2
description
Transcript of Quality Development with HTML5
![Page 1: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/1.jpg)
QUALITY DEVELOPMENT
WITH HTML5
Shay HoweSeptember 2011www.shayhowe.com – @letscounthedays
![Page 2: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/2.jpg)
Quality Development with HTML5 & CSS3
SHAY HOWEwww.shayhowe.com – @letscounthedays
@letscounthedays
![Page 3: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/3.jpg)
Quality Development with HTML5 & CSS3
HTML5Markup language to give
content structure and meaning.
@letscounthedays
CSS3Presentation language to
give content style and appearance.
![Page 4: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/4.jpg)
Quality Development with HTML5 & CSS3 @letscounthedays
![Page 5: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/5.jpg)
Quality Development with HTML5 & CSS3
HTML5
@letscounthedays
![Page 6: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/6.jpg)
Quality Development with HTML5 & CSS3
HTML5 IS SIMPLE
@letscounthedays
![Page 7: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/7.jpg)
Quality Development with HTML5 & CSS3
DOCTYPEHTML<!DOCTYPE html PUBLIC "-‐//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML5<!DOCTYPE html>
@letscounthedays
![Page 8: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/8.jpg)
Quality Development with HTML5 & CSS3
LANGUAGEHTML<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
HTML5<html lang="en">
@letscounthedays
![Page 9: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/9.jpg)
Quality Development with HTML5 & CSS3
CHARACTER ENCODINGHTML<meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8">
HTML5<meta charset="UTF-‐8">
@letscounthedays
![Page 10: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/10.jpg)
Quality Development with HTML5 & CSS3
CSSHTML<link rel="stylesheet" type="text/css" href="file.css">
HTML5<link rel="stylesheet" href="file.css">
@letscounthedays
![Page 11: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/11.jpg)
Quality Development with HTML5 & CSS3
JAVASCRIPTHTML<script type="text/javascript" src="file.js"></script>
HTML5<script src="file.js"></script>
@letscounthedays
![Page 12: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/12.jpg)
Quality Development with HTML5 & CSS3
GETTING STARTED
@letscounthedays
![Page 13: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/13.jpg)
Quality Development with HTML5 & CSS3
GETTING STARTEDHTML5 Shiv<!-‐-‐[if IE]><script src="http://html5shiv.googlecode.com/
svn/trunk/html5.js"></script><![endif]-‐-‐>
CSSarticle, aside, footer, header, hgroup, nav, section {display: block;
}
@letscounthedays
![Page 14: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/14.jpg)
Quality Development with HTML5 & CSS3
HTML5 IS SEMANTIC
@letscounthedays
![Page 15: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/15.jpg)
Quality Development with HTML5 & CSS3
NEW ELEMENTS• article• aside• audio• canvas• command• datalist• details• embed• figcaption• figure
@letscounthedays
• footer• header• hgroup• keygen• mark• meter• nav• output• progress• rp
• rt• ruby• section• source• summary• time• video• wbr
![Page 16: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/16.jpg)
Quality Development with HTML5 & CSS3
STRUCTURAL ELEMENTS• header• nav• article• section• aside• footer
@letscounthedays
![Page 17: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/17.jpg)
Quality Development with HTML5 & CSS3
STRUCTURAL ELEMENTS<body><header>...</header><nav>...</nav><article><section>...</section>
</article><aside...</aside><footer>...</footer>
</body>
@letscounthedays
![Page 18: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/18.jpg)
Quality Development with HTML5 & CSS3
STRUCTURAL ELEMENTS
@letscounthedays
![Page 19: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/19.jpg)
Quality Development with HTML5 & CSS3
HGROUP<header><hgroup><h1>Shay Howe</h1><h2>Man, Myth or Legend</h2>
</hgroup></header>
@letscounthedays
![Page 20: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/20.jpg)
Quality Development with HTML5 & CSS3
HGROUP
@letscounthedays
![Page 21: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/21.jpg)
Quality Development with HTML5 & CSS3
TIME<time datetime="15:00">3pm</time>
<time datetime="2011-‐08-‐24">August 24th, 2011</time>
<time datetime="2011-‐08-‐24T15:00">August 24th, 2011 at 3pm</time>
<time datetime="2011-‐08-‐24" pubdate>August 24th, 2011</time>
<time>2011-‐08-‐24</time>
@letscounthedays
![Page 22: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/22.jpg)
Quality Development with HTML5 & CSS3
TIME
@letscounthedays
![Page 23: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/23.jpg)
Quality Development with HTML5 & CSS3
FIGURE & FIGCAPTION<figure><img src="shay.jpg" alt="Shay Howe"><figcaption>Shay Howe the Man</figcaption>
</figure>
<figure><img src="june.jpg" alt="June"><img src="july.jpg" alt="July"><img src="august.jpg" alt="August"><figcaption>Summer Months</figcaption>
</figure>
@letscounthedays
![Page 24: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/24.jpg)
Quality Development with HTML5 & CSS3
FIGURE & FIGCAPTION
@letscounthedays
![Page 25: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/25.jpg)
Quality Development with HTML5 & CSS3
MARK<h1>Search results for 'chicago'</h1><ol><li><a href="http://www.shayhowe.com/">Shay is from <mark>Chicago</mark>.
</a></li></ol>
@letscounthedays
![Page 26: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/26.jpg)
Quality Development with HTML5 & CSS3
METER<meter>7 out of 10 stars</meter>
<meter max="10">7 stars</meter>
<meter min="0" max="105" low="5" high="65" optimum="45" value="47">The car is moving at a decent average mile per hour.</meter>
@letscounthedays
![Page 27: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/27.jpg)
Quality Development with HTML5 & CSS3
PROGRESSYou are <progress>50%</progress> complete.
<progress min="0" max="100" value="50">Hold tight, your getting there.</progress>
@letscounthedays
![Page 28: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/28.jpg)
Quality Development with HTML5 & CSS3
AUDIO
@letscounthedays
![Page 29: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/29.jpg)
Quality Development with HTML5 & CSS3
AUDIO<audio src="song.mp3"></audio>
<audio src="song.mp3" autoplay controls loop preload="auto"></audio>
@letscounthedays
![Page 30: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/30.jpg)
Quality Development with HTML5 & CSS3
AUDIO CONTROLS<audio id="player" src="song.mp3"></audio><div>
<button onclick="document.getElementById('player').play()">Play
</button><button onclick="document.getElementById('player').pause()">
Pause</button><button onclick="document.getElementById('player').volume += 0.1">
Volume Up</button><button onclick="document.getElementById('player').volume -‐= 0.1">
Volume Down</button>
</div>
@letscounthedays
![Page 31: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/31.jpg)
Quality Development with HTML5 & CSS3
AUDIO FALLBACKS<audio controls><source src="song.ogg" type="audio/ogg"><source src="song.mp3" type="audio/mpeg"><object type="application/x-‐shockwave-‐flash" data="player.swf?soundFile=song.mp3"><param name="movie"value="player.swf?soundFile=wild-‐thing.mp3">
<a href="song.mp3">Download song</a></object>
</audio>
@letscounthedays
![Page 32: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/32.jpg)
Quality Development with HTML5 & CSS3
VIDEO
@letscounthedays
![Page 33: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/33.jpg)
Quality Development with HTML5 & CSS3
VIDEO<video src="movie.mp4" controls height="390" width="640"></video>
<video src="movie.mp4" controls height="390" width="640" poster="image.jpg"></video>
@letscounthedays
![Page 34: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/34.jpg)
Quality Development with HTML5 & CSS3
FORMS
@letscounthedays
![Page 35: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/35.jpg)
Quality Development with HTML5 & CSS3
NEW INPUTS• color• date• datetime• datetime-‐local• email• month• number
@letscounthedays
• range• search• tel• time• url• week
![Page 36: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/36.jpg)
Quality Development with HTML5 & CSS3
COLOR<input id="color" name="color" type="color">
@letscounthedays
![Page 37: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/37.jpg)
Quality Development with HTML5 & CSS3
DATE & TIME• date: 2011-‐08-‐24• datetime: 2011-‐08-‐24T12:00:00+01 • datetime-‐local: 2011-‐08-‐24T12:00:00• month: 2011-‐08• time: 12:00:00• week: 2011-‐W34
<input id="birthday" name="birthday" type="datetime-‐local">
@letscounthedays
![Page 38: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/38.jpg)
Quality Development with HTML5 & CSS3
DATE & TIME
@letscounthedays
![Page 39: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/39.jpg)
Quality Development with HTML5 & CSS3
EMAIL<input id="email" name="email" type="email">
@letscounthedays
![Page 40: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/40.jpg)
Quality Development with HTML5 & CSS3
@letscounthedays
![Page 41: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/41.jpg)
Quality Development with HTML5 & CSS3
NUMBER<input id="cost" name="cost" type="number" min="10" max="100">
@letscounthedays
![Page 42: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/42.jpg)
Quality Development with HTML5 & CSS3
RANGE<input id="rating" name="rating" type="range" min="1" max="10">
@letscounthedays
![Page 43: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/43.jpg)
Quality Development with HTML5 & CSS3
SEARCH<input id="query" name="query" type="search">
@letscounthedays
![Page 44: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/44.jpg)
Quality Development with HTML5 & CSS3
TEL<input id="phone" name="phone" type="tel">
@letscounthedays
![Page 45: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/45.jpg)
Quality Development with HTML5 & CSS3
TEL
@letscounthedays
![Page 46: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/46.jpg)
Quality Development with HTML5 & CSS3
URL<input id="website" name="website" type="url">
@letscounthedays
![Page 47: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/47.jpg)
Quality Development with HTML5 & CSS3
URL
@letscounthedays
![Page 48: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/48.jpg)
Quality Development with HTML5 & CSS3
NEW ATTRIBUTES• autocomplete• autofocus• formaction• formenctype• formmethod• formnovalidate• formtarget• list• max
@letscounthedays
• min• multiple• novalidate• pattern• placeholder• readonly• required• spellcheck• step
![Page 49: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/49.jpg)
Quality Development with HTML5 & CSS3
AUTOCOMPLETE<form action="#" autocomplete="off">
<input id="destination" name="destination" type="text" autocomplete="off">
@letscounthedays
![Page 50: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/50.jpg)
Quality Development with HTML5 & CSS3
AUTOFOCUS<input id="name" name="name" type="text" autofocus>
@letscounthedays
![Page 51: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/51.jpg)
Quality Development with HTML5 & CSS3
DATALIST<input id="city" name="city" type="city" list="cities"><datalist id="cities"><option value="Chicago"><option value="Los Angeles"><option value="New York">
</datalist>
@letscounthedays
![Page 52: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/52.jpg)
Quality Development with HTML5 & CSS3
MIN, MAX & STEP<input id="score" name="score" type="number" min="0" max="10" step="2">
@letscounthedays
![Page 53: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/53.jpg)
Quality Development with HTML5 & CSS3
PLACEHOLDER<input id="destination" name="destination" type="text" placeholder="Your destination">
@letscounthedays
![Page 54: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/54.jpg)
Quality Development with HTML5 & CSS3
PLACEHOLDER
@letscounthedays
![Page 55: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/55.jpg)
Quality Development with HTML5 & CSS3
REQUIRED<input id="name" name="name" type="text" required>
@letscounthedays
![Page 56: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/56.jpg)
Quality Development with HTML5 & CSS3
REQUIRED
@letscounthedays
![Page 57: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/57.jpg)
Quality Development with HTML5 & CSS3
PATTERN<input id="phone" name="phone" type="tel" pattern="^[0-‐9]+[\-‐ ]*[0-‐9]+$">
@letscounthedays
![Page 58: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/58.jpg)
Quality Development with HTML5 & CSS3
PATTERN
@letscounthedays
![Page 59: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/59.jpg)
Quality Development with HTML5 & CSS3
CHANGED ELEMENTS
@letscounthedays
![Page 60: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/60.jpg)
Quality Development with HTML5 & CSS3
AOLD<p><a href="http://www.shayhowe.com/">Shay Howe</a> is a front-‐end web designer and developer.</p>
NEW<a href="http://www.shayhowe.com/"><h1>Shay Howe</h1><p>Front-‐end web designer and developer.</p>
</a>
@letscounthedays
![Page 61: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/61.jpg)
Quality Development with HTML5 & CSS3
BOLDText rendered as bold.
NEWText stylistically offset without importance.
@letscounthedays
![Page 62: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/62.jpg)
Quality Development with HTML5 & CSS3
CITEOLDReference to another source.
NEWSpecifically a reference to a title of work.
@letscounthedays
![Page 63: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/63.jpg)
Quality Development with HTML5 & CSS3
HROLDRender a horizontal rule.
NEWA paragraph-level thematic break.
@letscounthedays
![Page 64: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/64.jpg)
Quality Development with HTML5 & CSS3
IOLDText rendered as italic.
NEWText in an alternative voice or tone.
@letscounthedays
![Page 65: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/65.jpg)
Quality Development with HTML5 & CSS3
MENUOLDA single column menu list.
NEWA group of controls, most commonly used within web applications.
@letscounthedays
![Page 66: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/66.jpg)
Quality Development with HTML5 & CSS3
SOLDText rendered with a line through it.
NEWText struck from the content that is no longer accurate or relevant.
@letscounthedays
![Page 67: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/67.jpg)
Quality Development with HTML5 & CSS3
SMALLOLDText rendered as small.
NEWText within side comments or small print.
@letscounthedays
![Page 68: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/68.jpg)
Quality Development with HTML5 & CSS3
OBSOLETE ELEMENTS & ATTRIBUTES
@letscounthedays
![Page 69: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/69.jpg)
Quality Development with HTML5 & CSS3
OBSOLETE ELEMENTS• acronym• applet• basefont• big• center• dir• font
Deprecated from HTML 4.0
@letscounthedays
• frame• frameset• isindex• noframes• strike• tt• u
![Page 70: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/70.jpg)
Quality Development with HTML5 & CSS3
OBSOLETE ATTRIBUTES• align• alink• background• bgcolor• border• cellpadding• cellspacing• coords
@letscounthedays
• frame• frameborder• hspace• link• name• nohref• noshade• nowrap
• profile• scrolling• shape• size• target• text• type• valign
![Page 71: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/71.jpg)
Quality Development with HTML5 & CSS3
HOMEWORKMicroformatshAtom, hCalendar, hCard, hReview
WAI-ARIA Rolesbanner, complementary, contentinfo, main, navigation, search
@letscounthedays
![Page 72: Quality Development with HTML5](https://reader037.fdocuments.in/reader037/viewer/2022110119/555e25b6d8b42a384f8b4ea9/html5/thumbnails/72.jpg)
Quality Development with HTML5 & CSS3
QUESTIONS?Thank you!
@letscounthedays