HTML
html: written contents and structure
css: Structure
js: behavior
HTML5
can run faster!!
can ellipse "", but recommend never do it!!!!
inline SVG
<!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 …
- rewrite webpage dynalically
- 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