Co to jest wcięcie HTML?
Wcięcie HyperText Markup Language (HTML) to właściwość znacznika lub kaskadowego arkusza stylów (CSS), która powoduje przesunięcie jednego lub więcej elementów wizualnych na stronie internetowej w pewnej odległości od marginesu jej ograniczającego bloku. Efekt użycia wcięcia HTML jest taki sam, jak użycie wcięć w druku. Najczęściej akceptowanym sposobem wstawiania wcięcia w dokumencie HTML jest użycie CSS do zmiany właściwości wcięcia tekstu akapitu zawierającego tekst. Niektóre instrukcje formatowania, takie jak listy i cytaty blokowe, automatycznie wcinają ich zawartość, aby odróżnić je od otaczającego tekstu. Użycie CSS do wstawienia wcięcia HTML działa tylko w pierwszym wierszu akapitu i nie będzie działać na całym bloku, co można osiągnąć przy różnych właściwościach formatowania.
Sposób działania standardu HTML, wiele spacji i znak tabulacji używany na większości komputerów do tworzenia wcięć są usuwane z plików przed przeanalizowaniem kodu do wyświetlenia. Oznacza to, że tekst sformatowany w edytorze tekstu nie zachowa tego formatowania, jeśli zostanie wklejony bezpośrednio do dokumentu HTML, chyba że tekst zostanie wklejony do programu do edycji HTML typu „co widzisz - to, co dostajesz” (WYSIWYG). Aby wprowadzić wcięcie w pierwszym wierszu akapitu lub wcięcie całego bloku tekstu, należy użyć specjalnego kodu HTML i CSS.
Właściwość wcięcia tekstu elementów na poziomie bloku w CSS spowoduje wcięcie pierwszego niesformatowanego, renderowanego elementu w bloku. Wielkość wcięcia należy podać liczbowo. Ta opcja pozwala użytkownikowi określić liczbę, która mówi przeglądarce, o ile pikseli, punktów, centymetrów lub innych formach pomiaru linia powinna być wcięta. Ta liczba może być również procentem całkowitej szerokości bloku. Ta opcja CSS działa tylko na poziomie bloku, wcina tylko pierwszy wiersz i nie działa na elementach, które mają już zdefiniowany typ zachowania formatowania, takich jak listy wypunktowane.
Wiszące wcięcie HTML jest przeciwieństwem standardowego wcięcia i pociągnie pierwszą linię bloku do tyłu, więc jest renderowane na lewo od reszty linii akapitu, gdy tekst jest wyrównany do czytania od lewej do prawej. Ta sama właściwość wcięcia tekstu jest używana dla wiszącego wcięcia HTML, z tym wyjątkiem, że liczba dla wcięcia jest ujemna. Ta metoda działa tylko wtedy, gdy wartości marginesów i granic bloku są wystarczająco duże, aby pomieścić wiszące wcięcie.
Możliwe jest zdefiniowanie wcięcia HTML, które przenosi cały blok lub akapit. Można to zrobić za pomocą kilku właściwości CSS na poziomie bloku, w tym modyfikacji marginesów lub głębszego rozmieszczania bloku kontenera na stronie. Można to również osiągnąć za pomocą podstawowych tagów HTML, takich jak cytat blokowy lub pre, co oznacza wstępnie sformatowany tekst. Wadą używania znaczników podstawowych do tworzenia wcięcia HTML jest to, że nie można kontrolować ani jawnie ustawiać ilości tekstu, który ma zostać przeniesiony.