Good Mood

existují různé metody odsazení textu. Pro kompatibilitu s více prohlížeči a přístupnost však diskutujeme o nejoblíbenějších metodách odsazení textu na vaší webové stránce.

Doporučené metody s CSS & HTML

Pro odsazení textu nebo odstavce, nejčastěji používané a doporučené metody by bylo použít CSS. Níže jsou uvedeny různé příklady toho, jak CSS může odsadit text., Každý z těchto příkladů by být umístěn mezi <></> HTML tagy.

následující příklad by vytvořil třídu stylů s názvem „tab“, která odsazuje text a bod 40 Pixelů zleva.

<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>

Jednou výše uvedený kód je v <> oddíl, můžete jej použít, přidejte jej do svého odstavce (<p>) kategorie, jak je znázorněno.,

<p class="tab">Example of a tab</p>

včetně CSS ve vašem HTML dokumentu, jak je uvedeno výše, se označuje jako „in-line“ CSS. Je užitečné pro rychlé změny, ale z dlouhodobého hlediska je obtížné je později změnit.

místo toho můžete vzít veškerý kód CSS a umístit jej do samostatného souboru s příponou .element. Poté můžete odkazovat na tento jeden soubor z libovolného dokumentu HTML a tento dokument může používat tyto vlastnosti CSS. Použití externího souboru CSS usnadňuje pozdější změnu CSS, protože všechny CSS jsou definovány na jednom místě.

<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">

jakmile toto .,css soubor je vytvořen, soubor upravit a přidat stejný CSS kód, s výjimkou <styl> a komentář tagy na to, jak je znázorněno.

.tab { margin-left: 40px; }

a Nakonec, jakmile jsou výše uvedené kroky jsou dokončeny, můžete záložku libovolný text pomocí stejné <p class=“tab“> příklad, který jsme ukázali výše.

existují i jiné formy odsazení. Například, pokud jste chtěli odsadit pouze první řádek odstavce, namísto použití výše uvedeného řádku CSS byste použili následující řádek.,

.tab { text-indent:40px }

doporučená metoda pomocí HTML

je možné dosáhnout stejných výsledků výše s inline stylem v HTML., Při použití výše uvedeného příkladu CSS může usnadnit údržbu na více webových stránkách, pokud potřebujete použít styl pouze jednou, můžete použít následující příklad.

<p style="margin-left: 40px">This text is indented.</p>

v tomto prvním příkladu je celý text v tagu odstavce odsazen 40 Pixelů zleva. Žádné jiné značky odstavců nejsou odsazeny.

<p style="text-indent: 40px">This text is indented.</p>

v tomto druhém příkladu bude pouze první řádek textu v odstavci odsazen 40 Pixelů zleva. Žádné další řádky textu v tomto odstavci nejsou odsazeny.,

Alternativní metoda

Dalším častým (ale nesprávným) způsob odsazování textu <blockquote> kategorie, jak je znázorněno v následujícím příkladu., Přestože se jedná o jednodušší řešení, přináší problémy s přístupností. Tato značka je určena pro citování textu a ne pro odsazení.

<blockquote>This text would be indented</blockquote>