Revision: 42139
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 28, 2011 04:47 by CDRLZ
Initial Code
1-
<!DOCTYPE HTML>//HTML5 ile yazım kolaylığı ve kolayca ezberinizde tutatbileceğiniz bir biçimde
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //HTML5 Öncesi
2-a
<img src="resim/linki"/>
<p>CDRLZ</p>
--------
2b
<figure>
<img src="resim/linki" alt="About image" />
<figcaption>
<p>CDRLZ</p>
</figcaption>
</figure>
4-a
<link rel="stylesheet" href="linki/stylesheet.css" type="text/css" />
<script type="text/javascript" src="linki/script.js"></script>
---------
4=b
<link rel="stylesheet" href="path/to/stylesheet.css" />
<script src="path/to/script.js"></script>
5a-
<p class=class id=id>Ali veli</p>
----------
5b
<p class=class id=id>Ali veli.
6-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
</head>
<body>
<h2> To-Do List </h2>
<ul contenteditable="true">
<li> Break mechanical cab driver. </li>
<li> Drive to abandoned factory
<li> Watch video of self </li>
</ul>
</body>
</html>
7-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
</head>
<body>
<form action="" method="get">
<label for="email">Email:</label>
<input id="email" name="email" type="email" />
<button type="submit">Gönder</button>
</form>
</body>
</html>
8-
<input name="email" type="email" placeholder="Email adresinizi giriniz." />
9-a
<div id="header">
...
</div>
<div id="footer">
...
</div>
--------
9b
<header>
...
</header>
<footer>
...
</footer>
10-
header, footer, article, section, nav, menu, hgroup {
display: block;
}
Diye tanıttıktan sonra etiketleri javascript ile oluşturup tarayıcının görmesini sağlamak.
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");
11-
<header>
<hgroup>
<h1> Recall Fan Page </h1>
<h2> Only for people who want the memory of a lifetime. </h2>
</hgroup>
</header>
12-
<input type="text" name="someInput" required>
13-
<input type="text" name="input" required autofocus>
14-
Ses dosyası örnek:
<audio autoplay="autoplay" controls="controls">
<source src="file.ogg" />
<source src="file.mp3" />
<a href="file.mp3">Download</a>
</audio>
Video dosyası örnek:
<video controls preload>
<source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" />
<source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />
<p> Your browser is old. <a href="cohagenPhoneCall.mp4">Download</a> </p>
</video>
15-
<input type="text"
name="username"
id="username"
placeholder="4 <> 10"
pattern="[A-Za-z]{4,10}"
autofocus
required>
16-
<p> Aradığınız <mark>"CDRLZ"</mark> İçin sonuçlar listeleniyor </p>
Initial URL
Initial Description
Initial Title
HTML5 Yenilikleri KONU
Initial Tags
Initial Language
HTML