Format cytatu

Format cytatu to styl formatowania stosowany do fragmentów tekstu zaczerpniętych z innych źródeł w dokumencie.

Rola formatu cytatu w dokumencie

Format cytatu określa sposób wyróżnienia fragmentu tekstu przejętego z innego źródła. Jego zadaniem jest oddzielenie cudzej wypowiedzi, definicji, instrukcji albo fragmentu dokumentacji od treści napisanej przez autora dokumentu. Samo zastosowanie odmiennego kroju pisma, kursywy lub wcięcia nie przesądza jeszcze, że tekst jest prawidłowo oznaczonym cytatem. W dokumencie elektronicznym znaczenie ma również struktura danych, ponieważ program odczytujący treść powinien móc rozpoznać, że dany fragment pełni funkcję cytatu.

W typowym zapisie cytat może być wyróżniony wcięciem z lewej strony, mniejszym lub większym odstępem od tekstu głównego, zmianą koloru oraz zastosowaniem cudzysłowu. Wybór wyglądu zależy od rodzaju dokumentu i używanego formatu zapisu. W materiałach technicznych istotna jest przede wszystkim jednoznaczność: czytelnik powinien łatwo ustalić, gdzie zaczyna się cytowany fragment, gdzie się kończy oraz z jakiego źródła pochodzi. Jeżeli cytat jest częścią dłuższego wywodu, tekst wprowadzający powinien wyjaśniać jego funkcję, a opis źródła może zostać umieszczony przed cytatem lub bezpośrednio po nim.

Cytat blokowy i cytat w tekście HTML

W języku HTML cytat obejmujący jeden lub kilka akapitów oznacza się elementem <blockquote>. Jest to element blokowy, przeznaczony do dłuższych przytoczeń wyodrębnionych z tekstu zasadniczego. Atrybut cite elementu <blockquote> może zawierać adres źródła cytatu, ale sam adres nie musi być widoczny dla osoby czytającej stronę. Widoczne wskazanie autora lub publikacji trzeba dodać jako zwykłą treść, na przykład w osobnym elemencie opisowym umieszczonym obok cytatu.

Do krótkich przytoczeń występujących w środku zdania służy element <q>. Przeglądarka może automatycznie dodać cudzysłowy zgodnie z ustawieniami językowymi dokumentu, dlatego nie powinno się bez potrzeby wpisywać kolejnych cudzysłowów wewnątrz tego elementu. Atrybut cite może również wystąpić przy <q> i wskazywać adres źródła. Element <cite> ma inne zastosowanie: oznacza tytuł utworu, publikacji, artykułu, książki lub innego dzieła, a nie sam przytoczony fragment. Prawidłowe rozróżnienie tych elementów pomaga zachować semantyczną strukturę strony.

Wygląd cytatu ustalany przez CSS

HTML opisuje znaczenie cytatu, natomiast jego wygląd można ustalić w arkuszu stylów CSS. Dla elementu <blockquote> często definiuje się właściwości margin, padding, border-left, background-color oraz font-style. Wcięcie powinno być dostosowane do szerokości ekranu, aby na telefonie nie pozostawiało zbyt mało miejsca na właściwy tekst. Dekoracyjny znak cudzysłowu może być dodany za pomocą pseudoelementu CSS, ale nie powinien zastępować właściwego oznaczenia semantycznego w kodzie HTML.

Przy formatowaniu cytatu trzeba uważać na kontrast, zawijanie wierszy i dziedziczenie stylów. Zbyt jasny kolor tekstu albo tła może utrudnić odczyt, szczególnie w trybie wysokiego kontrastu. Wstawienie cytatu do elementu z właściwością ograniczającą szerokość lub ukrywającą przepełnienie może spowodować obcięcie długich wierszy, adresów internetowych albo fragmentów kodu. Jeżeli cytowany materiał zawiera kod źródłowy, polecenia lub tekst wymagający zachowania odstępów, właściwsze może być użycie elementu <pre> razem z <code>, a nie zwykłego akapitu cytatu. Format cytatu powinien wtedy nadal jasno wskazywać, że przedstawiony materiał pochodzi z zewnętrznego źródła.

Rozpoznawanie problemów z wyświetlaniem cytatu

Nieprawidłowy wygląd cytatu może wynikać z błędnej struktury HTML, konfliktu reguł CSS albo sposobu importowania treści do edytora. W pierwszej kolejności warto sprawdzić, czy znacznik otwierający i zamykający występuje w odpowiedniej kolejności oraz czy cytat nie został przypadkowo zagnieżdżony w elemencie o sprzecznym przeznaczeniu. Następnie należy przeanalizować reguły stylów dotyczące marginesów, obramowania, wielkości czcionki i szerokości kontenera. Narzędzia deweloperskie przeglądarki pozwalają zobaczyć strukturę drzewa dokumentu, reguły zastosowane do elementu oraz właściwości odziedziczone z nadrzędnych selektorów.

W przypadku dokumentów biurowych problem może wyglądać inaczej. Edytor może przechowywać cytat jako styl akapitu, bez semantycznego oznaczenia odpowiadającego elementom HTML. Podczas konwersji do HTML, PDF lub innego formatu mogą zniknąć wcięcia, cudzysłowy albo informacje o autorze. Dlatego przed publikacją należy sprawdzić zarówno kod źródłowy, jak i widok końcowy na różnych rozmiarach ekranu. Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i ich podzespołów, w tym diagnostyką problemów z oprogramowaniem odpowiedzialnym za wyświetlanie i edycję dokumentów.