HTML

html: written contents and structure
css: Structure
js: behavior

HTML5

can run faster!!
can ellipse "", but recommend never do it!!!!
inline SVG

sample2.html

<!DOCTYPE html>

<meta charset="UTF-8">
<title> Throat is…  </title>
<p> Please stop my cough, <b style="font-size:5em; color:green">throat ache, my gosh!</b></p>

<svg>
     <path d = "M 20 20 L 60 20 L 40 60 z"
               fill="green"
               stroke="red"
               stroke-width="3" />
</svg>

XML

xhtml5ってのもある
xmlは最近人気無い
でもxmlはすんごいたくさんツールがある

欠点

手書きがめんどくさい

Google Developper

Make the Web Faster
https://developers.google.com/speed/tools

Web Inspector

Chrome Developper Tools is called as "We Inspector"

Web people have to master this!!

this is not only anlyisis Tools, but also Rewrite and experiment tools.
so you can rewrite the code.
要素の検証で，対応するものをすべて見ることができる

Tips

ユーザースタイルシート，自分のスタイルシートを使える
check-> Stylish(chrome extention)

Semantic Web

mmmm, for me it is really normal manner.

the number of elements: 108

"section" elements

section/article/aside/nav

1section has 1 topic. meaning 1 section has 1 hgroup

1section has 1 header and 1 footer

 if you declare h series without section elements, unknown section would be made automatically.
 the undeclared section is not recommended.

aside: very low importance, social button, plugin

Javascript

Javascript can …
1. rewrite webpage dynalically
2. communicate to we server

Node.js(server side), Titanium Mobile(smartphone application)

Grammer of JS

using web browser, all people can use it.
using google chrome web inspector "Console"

Variable, Object(Constructure)
Array
Function
Operand

how to make function

finction(add(a,b){
     return a+b;
}

Function is one of Object

var a = "abcde".toUpperCase();
alert(a);
a.subString(1,3);

["shigeru", "yoshida"].join(" ふざけんな ");

function joinAndUpper(array){
     var array2 = array.join(' ');
     var array3 = array2.toUpperCase();
     return array3;
     }

function joinAndUpper(array){
     return array.join(' ').toUpperCase();
}

182 x 122

HTML5 MARKUP INTRODUCTION