użycie przestarzałych tagów (np. )

Przestarzałe tagi, jak <center>, są niezalecane, choć nadal działają w większości klientów pocztowych.

Dlaczego znacznik <center> został wycofany ze standardu HTML

Znacznik <center> służył dawniej do wyśrodkowania zawartości elementu, najczęściej tekstu, obrazu albo tabeli. Był elementem prezentacyjnym, czyli opisywał wygląd dokumentu zamiast jego znaczenia i struktury. W HTML5 znacznik ten został uznany za przestarzały i nie powinien być używany w nowo tworzonych dokumentach. Jego działanie zastępuje się regułami CSS, które oddzielają treść HTML od sposobu jej prezentowania.

W zwykłej stronie internetowej wyśrodkowanie tekstu można uzyskać przez deklarację text-align: center;, a wyśrodkowanie elementu o określonej szerokości często realizuje się za pomocą margin-left: auto; i margin-right: auto;. Nie oznacza to jednak, że każdą sytuację należy rozwiązywać identyczną regułą. Element blokowy, obraz, tabela i zawartość układu elastycznego mogą wymagać innych właściwości CSS, takich jak display, justify-content albo align-items.

Różnica między przestarzałym tagiem a poprawnym CSS

Przykład <center>Treść</center> miesza zawartość z informacją o jej wyglądzie. Współczesny zapis może wyglądać tak: <p class="wyśrodkowane">Treść</p>, a reguła .wyśrodkowane { text-align: center; } znajduje się w arkuszu stylów lub w odpowiednim bloku <style>. Dzięki temu jedną zmianą można zmodyfikować wygląd wielu elementów, a dokument pozostaje łatwiejszy do utrzymania.

CSS nie jest zamiennikiem semantycznego HTML w sensie znaczenia treści. Reguła text-align: center określa sposób wyrównania tekstu wewnątrz elementu, ale nie tworzy nowego rodzaju nagłówka, akapitu ani układu. Do struktury dokumentu powinny służyć elementy takie jak <h1>, <h2>, <p>, <ul> i <table>, natomiast CSS powinien odpowiadać za kolor, odstępy, szerokość, wyrównanie i pozostałe cechy prezentacji.

Dlaczego stare tagi bywają widoczne w wiadomościach e-mail

HTML używany w wiadomościach e-mail nie jest tym samym środowiskiem co współczesna przeglądarka internetowa. Klient pocztowy może ograniczać obsługę arkuszy stylów, usuwać część elementów z nagłówka dokumentu albo modyfikować kod przed wyświetleniem wiadomości. Z tego powodu stare konstrukcje, w tym <center>, przez lata były stosowane w szablonach wiadomości, ponieważ wiele programów pocztowych nadal je rozpoznaje.

Fakt, że przestarzały tag działa, nie oznacza, że jest dobrym wyborem. Różne klienty pocztowe mogą inaczej interpretować style, szerokości tabel, marginesy i elementy osadzone w wiadomości. W praktyce szablony e-mail często opierają układ na tabelach HTML oraz stylach wpisanych bezpośrednio w atrybucie style, ponieważ takie rozwiązanie bywa bardziej przewidywalne w starszych programach. Przy migracji starego szablonu należy sprawdzić, czy zastąpienie <center> regułą CSS działa w używanych klientach, a następnie przetestować wiadomość na różnych szerokościach ekranu.

Sprawdzanie i modernizacja kodu zawierającego <center>

Obecność przestarzałego tagu można wykryć podczas przeglądu źródła strony lub szablonu wiadomości, wyszukując ciąg <center. Walidator HTML może zgłosić użycie elementu niezalecanego w HTML5, ale sam komunikat walidatora nie określa, czy zamiana nie zmieni wyglądu konkretnej wiadomości. Przed edycją warto ustalić, czy tag centruje tekst, obraz, tabelę, przycisk czy całą sekcję, ponieważ od tego zależy właściwy odpowiednik CSS.

Modernizacja powinna obejmować także znaczniki zamykające, zagnieżdżenie elementów i style zależne od szerokości ekranu. Po zmianie trzeba sprawdzić wersję mobilną, zawijanie długiego tekstu, położenie grafik oraz wygląd przy wyłączonym pobieraniu obrazów. Jeżeli problem występuje tylko w jednym programie pocztowym, należy porównać kod źródłowy wiadomości z jej rzeczywistym widokiem i ustalić, czy klient nie usuwa albo nie nadpisuje reguł CSS. Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i podzespołów, a przy problemach z wyświetlaniem treści może pomóc odróżnić błąd sprzętu lub konfiguracji programu od nieprawidłowego kodu HTML.