HTML’de etiketlere id ve class’larla kimlik ya da sınıf verebilir, sınıf verilen etiketlerde toplu tasarım değişiklikleri yapabiliriz.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML5 - Id & Classes</title>
</head>
<body>
<pre>
id sayfada bir defa verilir.Unique yapılar için kullanılır.
Classlar ise birden fazla yere verilebilir.
id kimlik için, class still-görünüm için kul
Bir elemana hem id hem class verilebilir
Aynı zamanda bir elemana birden fazla class'ta verilebilir
Fakat bir elemana tek bir id verilebilir
</pre>
<div id="navbar" class="navbar-menu"></div> <!-- navbar,main,footer vb. yapılar sayfada bir defa olacağı için id etiketi ile oluşturulur -->
<div id="main"></div>
<ul>
<li class="article-item d-flex d-flex1 "></li>
<li class="article-item"></li> <!-- li'lerin görüntüsünün hepsinin aynı olmasını istiyorsak aynı class'ı veririz -->
<li class="article-item"></li> <!-- aynı class'ı verdiğimiz elemanların stillerini CSS kısmında toplu olarak değiştirebiliriz -->
<li class="article-item"></li>
</ul>
<div id="footer"></div>
</body>
</html>
Mehmet İçme 
Yorum bırakın