Philosophy of Education and Educational Philosophy
HTML5 CSS3 Basics
2. HTML5
• Less Header Code
• More Semantic HTML tags Media Tags
• Input Types
• Form Validation
• Geolocation
• Draggable
• Local Storage Cross-Domain Messaging Web
Sockets
• Canvas
3. Less Header Code
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
HTML 5
<!DOCTYPE HTML>
<html> <head><meta charset=”utf-8”>
<title>Page</title> </head>
4. Less Header Code
HTML 4
<script src="jquery.js” type="text/javascript"> </script>
<link href="style.css” type="text/css"></link>
HTML 5
<script src="jquery.js"> </script>
<link href="style.css"></link>
5. Less Header Code
You should avoid following tags and attributes in HTML5
<font>
<center>
<frame>
align
bgcolor
height
width
size
type
26. Responsive Design
@media only screen and (min-width: 480px){
#header{ background-color: red }
}
@media only screen and (min-width: 768px){
#header{ background-color: blue }
}
@media only screen and (min-width: 1140px) {
#header{ background-color: green }
}