Mnoho lidí, kteří jsou noví k webovým designům a HTML / CSS, používají a Prvek div definuje logické rozdělení na vaší webové stránce. Jedná se v podstatě o krabici, ve které můžete umístit další prvky HTML, které se logicky spojují. Divize může mít v sobě mnoho dalších prvků, jako jsou odstavce, nadpisy, seznamy, odkazy, obrázky atd. Může mít dokonce i další rozdělení uvnitř toho, aby poskytlo další strukturu a organizaci vašeho dokumentu HTML. Chcete-li použít prvek div, umístěte jej do otevřené polohy id = "myDiv">
) nebo volič třídy (např. class = "bigDiv"> Element div se liší od prvku oddílu HTML5, protože neposkytuje přiložený obsah žádný sémantický význam. Pokud si nejste jisti, zda by obsah bloku měl být div nebo část, přemýšlejte o tom, jaký účel prvku a jeho obsah vám pomůže rozhodnout se, který způsob použití: Nakonec se obě divize a sekce chovají podobně a můžete jim dát hodnoty atributů a stylovat je pomocí CSS, abyste získali vzhled vašeho webu, který potřebujete. Oba jsou prvky blokové úrovně. Element span je ve výchozím nastavení vložený element. To je odlišuje od div a elementů sekce. Prvek span se často používá k zabalení určitého obsahu, obvykle textu, aby mu dodal další "hák", který může být později navržen. Používá se s CSS, ale může změnit styl textu, který obklopuje; Nicméně, bez atributů stylů, samotný span element nemá žádný vliv na text vůbec. To je hlavní rozdíl mezi prvky span a div. Jak již bylo uvedeno výše, element div zahrnuje přestávku odstavce, zatímco element span pouze říká prohlížeč, aby aplikoval přidružená pravidla stylu CSS na to, co je přiloženo tagy: Zvýrazněný text a nezvýrazněný text. Přidat class = "highlight"
nebo jinou třídu prvku span pro stylování textu pomocí CSS (např. class = "highlight">
). Span element nemá žádné požadované atributy, ale tři, které jsou nejužitečnější, jsou stejné jako ty elementu div: Pokud chcete změnit styl obsahu, použijte rozpětí, aniž byste definovali tento obsah jako nový prvek na úrovni bloku v dokumentu. Například pokud chcete, aby druhé slovo záhlaví h3 bylo červené, můžete toto slovo obklopit pomocí prvku span, který by toto slovo styloval jako červený text. Slovo stále zůstává součástí elementu h3, ale nyní je také zobrazeno červeně: Za použití
). Oba tyto atributy pak mohou být vybrány pomocí CSS nebo upraveny pomocí jazyka JavaScript. Současné osvědčené postupy se opírají o použití selektorů třídy namísto identifikátorů ID, částečně kvůli tomu, jak jsou specifické selektory ID. Ve skutečnosti byste ale mohli použít jeden a dokonce můžete rozdělit jak ID, tak třídu
Za použití Živel
Toto je můj nadějný nadpis
prvky ve vzájemně zaměnitelné podobě při vytváření webových stránek. Realita však spočívá v tom, že každý z těchto prvků HTML slouží k různým účelům. Naučte se používat každý pro svůj určený účel vám pomůže vyvíjet čistší webové stránky, jejichž kód je jednodušší spravovat celkově.
Živel
značku před oblastí vaší stránky, kterou chcete jako samostatné oddělení, a zavřít
tag po něm:
obsah div
Pokud oblast vaší stránky potřebuje nějaké další informace, které budete používat ke stylu s CSS později, můžete přidat selektor id (např.
Proti
