Grupowanie za pomocą
Podczas gdy element <span> używamy w obrębie elementów blokowych , <div> używamy do grupowania jednego lub większej ilości elementów blokowych.
Oprócz tej różnicy, grupowanie za pomocą elementu <div> działa mniej więcej w ten sam sposób. Popatrzmy na przykład z dwiema listami prezydentów Stanów Zjednoczonych podzielonych na ugrupowania polityczne:
<div id="democrats">
<ul>
<li>Franklin D. Roosevelt</li>
<li>Harry S. Truman</li>
<li>John F. Kennedy</li>
<li>Lyndon B. Johnson</li>
<li>Jimmy Carter</li>
<li>Bill Clinton</li>
</ul>
</div>
<div id="republicans">
<ul>
<li>Dwight D. Eisenhower</li>
<li>Richard Nixon</li>
<li>Gerald Ford</li>
<li>Ronald Reagan</li>
<li>George Bush</li>
<li>George W. Bush</li>
</ul>
</div>
Natomiast w arkuszu stylów, określamy grupy w ten sam sposób jak wyżej:
#democrats {
background:blue;
}
#republicans {
background:red;
}
Podczas gdy element <span> używamy w obrębie elementów blokowych , <div> używamy do grupowania jednego lub większej ilości elementów blokowych.
Oprócz tej różnicy, grupowanie za pomocą elementu <div> działa mniej więcej w ten sam sposób. Popatrzmy na przykład z dwiema listami prezydentów Stanów Zjednoczonych podzielonych na ugrupowania polityczne:
<div id="democrats">
<ul>
<li>Franklin D. Roosevelt</li>
<li>Harry S. Truman</li>
<li>John F. Kennedy</li>
<li>Lyndon B. Johnson</li>
<li>Jimmy Carter</li>
<li>Bill Clinton</li>
</ul>
</div>
<div id="republicans">
<ul>
<li>Dwight D. Eisenhower</li>
<li>Richard Nixon</li>
<li>Gerald Ford</li>
<li>Ronald Reagan</li>
<li>George Bush</li>
<li>George W. Bush</li>
</ul>
</div>Natomiast w arkuszu stylów, określamy grupy w ten sam sposób jak wyżej:
#democrats {
background:blue;
}
#republicans {
background:red;
}