Co je odsazení HTML?

Zarážka jazyka HTML (HyperText Markup Language) je buď značka, nebo vlastnost kaskádových stylů (CSS), která způsobuje, že jeden nebo více vizuálních prvků na webové stránce se přesune do určité vzdálenosti od okraje jeho ohraničujícího bloku. Účinek použití odsazení HTML je stejný jako použití odsazení v tisku. Nejběžněji přijímaným způsobem vložení odsazení do dokumentu HTML je použití CSS ke změně vlastnosti text-indent odstavce obsahujícího text. Některé příkazy formátování, jako jsou seznamy a blockquoty, automaticky odsazují jejich obsah, aby je odlišily od okolního textu. Použití CSS k vložení odsazení HTML funguje pouze na prvním řádku odstavce a nebude fungovat na celém bloku, čehož lze dosáhnout různými vlastnostmi formátování.

Způsob fungování standardu HTML, více mezer a znak tabulátoru, který se používá ve většině počítačů k vytváření odsazení, se odeberou ze souborů před analýzou kódu, který se má zobrazit. To znamená, že text zobrazený naformátovaný v textovém procesoru nebude udržovat toto formátování, pokud je vložen přímo do dokumentu HTML, pokud není text vložen do programu pro úpravy HTML typu WYSIWYG (what-you-see-is-what-you-get). Pro odsazení prvního řádku odstavce nebo odsazení celého bloku textu je nutné použít speciální kód HTML a CSS.

Vlastnost text-indent elementů na úrovni bloku v CSS odsadí první neformátovanou vykreslenou položku v bloku. Velikost odsazení musí být uvedena číselně. Tato možnost umožňuje uživateli zadat číslo, které říká prohlížeči, kolik pixelů, bodů, centimetrů nebo jiných forem měření by měla být linka odsazena. Toto číslo také může být procentem z celkové šířky bloku. Tato volba CSS funguje pouze na úrovni bloku, pouze odsadí první řádek a nebude fungovat u položek, které již mají předdefinovaný typ chování při formátování, jako jsou seznamy s odrážkami.

Předsazená HTML odrážka je opakem standardní odrážky a bude tahat první řádek bloku dozadu, takže se při zarovnávání textu pro čtení zleva doprava vykreslí nalevo od zbytku řádků odstavce. Stejná vlastnost textové odsazení se používá pro předsazení HTML odsazení, kromě toho, že číslo pro velikost odsazení je záporné. Tato metoda funguje pouze v případě, že hodnoty okraje a ohraničení bloku jsou dostatečně velké, aby obsahovaly předsazení.

Je možné definovat odsazení HTML, které přesouvá celý blok nebo odstavec. To lze provést pomocí několika vlastností CSS na úrovni bloku, včetně úpravy okrajů nebo rozmístění bloku kontejneru hlouběji na stránku. Toho lze dosáhnout také pomocí základních značek HTML, jako je blockquote nebo pre, což znamená předformátovaný text. Nevýhodou použití základních značek k vytvoření odrážky HTML je to, že částku, kterou má být text přesunut, nelze ovládat ani explicitně nastavit.