このミニチュートリアルではとても基本的な構造のHTML5を使います。 この効果を主にCSSを使って達成するため、記述は最小限にします。 従って、HTMLは可能な限り無駄が無く、 セマンティックなものにする必要があります。 ページ構造やラッパーを除いて、ここではIMGタグを記述した DIV要素(photoクラスを含む)を一つだけ使用します。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Glossy Gradient Effect</title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" />