Okna.  Wirusy.  Laptopy.  Internet.  Biuro.  Narzędzia.  Kierowcy

Element Skróty HTML () jest akronimem lub skrótem; opcjonalny atrybut tytułu może zapewnić rozszerzenie lub opis skrótu. Jeśli jest obecny, tytuł musi to zawierać pełny opis i nic więcej.

Artykuł Jak oznaczać skróty i je wyjaśniać jest instrukcją obsługi i powiązane elementy.

Atrybuty

Ten element obsługuje tylko atrybuty globalne. Atrybut tytułu ma określone znaczenie semantyczne, gdy jest używany z elementem ; On musieć zawierać pełny, czytelny dla człowieka opis lub rozszerzenie skrótu. Ten tekst jest często wyświetlany w przeglądarkach jako podpowiedź, gdy kursor myszy znajduje się nad elementem.

Każdy element używasz, jest niezależny od wszystkich innych; podanie tytułu jednego nie powoduje automatycznego dołączenia tego samego tekstu rozszerzenia do innych z tym samym tekstem treści.

Uwagi dotyczące użytkowania

Typowe przypadki użycia

Oczywiście nie jest wymagane, aby wszystkie skróty były oznaczone znakiem . Istnieje jednak kilka przypadków, w których jest to przydatne:

Rozważania gramatyczne

W językach z liczbą gramatyczną (czyli w językach, w których liczba elementów wpływa na gramatykę zdania) użyj tej samej liczby gramatycznej w atrybucie tytułu, co wewnątrz swojego elementu . Jest to szczególnie ważne w językach zawierających więcej niż dwie cyfry, takich jak arabski, ale ma to również znaczenie w języku angielskim.

Domyślny styl

Celem tego elementu jest wyłącznie wygoda autora i wszystkie przeglądarki domyślnie wyświetlają go w trybie inline (display: inline), chociaż jego domyślny styl różni się w zależności od przeglądarki:

  • Niektóre przeglądarki, np Internet Explorera, nie konstruuj go inaczej niż element .
  • Opera, Firefox i niektóre inne dodają linię przerywaną do zawartości elementu.
  • Niektóre przeglądarki nie tylko dodają podkreślenie kropkowane, ale także pisują je małymi literami; aby uniknąć tego stylu, dodając coś w rodzaju czcionki-wariant : none w CSS nie zajmie się tym przypadkiem.

Przykłady

Oznaczenie skrótu semantycznie

Aby oznaczyć skrót bez podawania rozszerzenia lub opisu, po prostu użyj bez żadnych atrybutów, jak pokazano w tym przykładzie.

HTML

Używanie HTML jest zabawne i łatwe!

wynik

Skróty warunkowe

Możesz użyć CSS, aby ustawić niestandardowy styl używany w skrótach, jak widać w tym prostym przykładzie.

HTML

Używanie CSS, możesz stylizować swoje skróty!

CSS

abbr (wariant czcionki: wielkie litery; )

wynik

Zapewnienie ekspansji

Dodanie atrybutu tytułu umożliwia określenie rozszerzenia lub definicji akronimu lub skrótu.

HTML

Żart Ashoka mnie rozbawił KUPA ŚMIECHU wielki czas.

wynik

Definicja skrótu

Możesz użyć w parze z dla bardziej formalnej definicji akronimu, jak pokazano tutaj.

HTML

HTML to język znaczników używany do tworzenia semantyki i struktury strony internetowej.

A Specyfikacja (specyfikacja) to dokument szczegółowo opisujący sposób działania technologii lub interfejsu API oraz sposób uzyskiwania dostępu do nich.

wynik

Dostępność

Pełne opisanie akronimu lub skrótu przy pierwszym użyciu na stronie pomaga ludziom go zrozumieć, zwłaszcza jeśli treść jest żargonem technicznym lub branżowym.

przykład

Notacja obiektu JavaScript ( JSON) to lekki format wymiany danych.

Jest to szczególnie przydatne dla osób nieobeznanych z terminologią lub pojęciami omawianymi w treści, osób, które dopiero zaczynają przygodę z językiem oraz osób z problemami poznawczymi.

Charakterystyka

Zgodność przeglądarki

OsobliwośćWidok sieciowy AndroidaChrome na AndroidaEdge mobilnyFirefoksa na AndroidaSystem operacyjny AndroidSafari na iOSSklep internetowy Samsunga
Podstawowe wsparcieTakTakTak 4 TakTakTak

1. Przed wersją Firefox 4 ten element implementował interfejs HTMLSpanElement zamiast standardowego interfejsu HTMLElement.

Dzisiejsza sieć jest coraz bardziej semantyczna. Ale co oznacza „semantyczny”? Dlaczego to jest ważne?

Semantyczny HTML wyraża znaczenie dokumentu. Bardziej chodzi o to, jaki jest tekst, niż o to, jak wygląda. Dobre znaczniki semantyczne pomagają zarówno ludziom, jak i komputerom lepiej zrozumieć treść dokumentu i jego kontekst.

Znaczniki semantyczne są znacznie łatwiejsze do interpretacji. Jest przyjazna optymalizacja wyszukiwarek. Świetnie współpracuje z nowoczesne przeglądarki, zmniejsza ilość kodu potrzebnego do wyrażenia treści i poprawia czytelność tego kodu.

OK, więc znaczniki semantyczne są dobre, ale jak z nich korzystać. Najlepiej zacząć od zastąpienia zwykłych tagów tagami bardziej wyrazistymi. Przyjrzyjmy się ośmiu elementom, które pozwolą ci wejść do tej gry.

Podobnie jak jego blokowy kuzyn
, tag używany do wskazania cytatu.

Dlaczego nie użyć po prostu cudzysłowów? Cudzysłowy nie zawsze oznaczają cytat. Czasem do tego służą podkreślanie semantyczne, ironia lub określenie nazwy czegoś - i w tym kontekście są używane poprawnie. Jeśli jednak coś cytujesz, wyraźnie wyraża Twoją intencję.

I

W starych dobrych czasach tagi I oznaczony tekst odpowiednio kursywą i pogrubieniem. Kiedy pomysł oddzielenia semantyki od reprezentacji zaczął zyskiwać na popularności, na tagi te zaczęto patrzeć podejrzliwie. Zastąpiono je tagami I , oznaczające odpowiednio nacisk i silny nacisk.

W HTML5 tagi te mają wreszcie odrębną interpretację semantyczną. Etykietka Tekst o innym tonie lub nastroju jest oflagowany. Jest to przydatne na przykład do opisywania przemyśleń lub terminów technicznych. Etykietka oznacza tekst, który stylistycznie różni się od zwykłego tekstu, ale nie ma żadnego wyraźnego znaczenia semantycznego. Czym to się różni od używania ? Kluczem jest to nie ma żadnego semantycznie odrębnego znaczenia.

używany w skrótach! Może to być szczególnie przydatne w dokumentach, w których jest ich dużo. Ten tag ma opcjonalny atrybut tytuł, w którym możesz wskazać pełną wersję tekstu.

Lol nie wiem g2g ttyl

Przyjrzyjmy się klasycznemu problemowi lokalizacji daty. W USA datę 5 października 2013 r. zapisuje się jako 10.05.13, w Wielkiej Brytanii jako 05.10.13, w Republice Południowej Afryki jako 2013/10.05, w Rosji jako 05.10.13. Wszystkie te opcje niezwykle utrudniają automatyczne rozpoznawanie dat.

Etykietka umożliwia określenie daty i godziny w formacie nadającym się do odczytu maszynowego. Poprzedni przykład może wyglądać mniej więcej tak: . Parsery HTML będą w stanie dokładnie zrozumieć datę, niezależnie od formatu, w jakim ją określiliśmy. Etykietka pozwala także opcjonalnie określić czas w formacie 24: ;

Czy kiedykolwiek to zrobiłeś?

Trzysta stron nudnego, bezużytecznego tekstu. Jedna rzecz, którą musisz wiedzieć i której nigdy więcej nie będziesz w stanie znaleźć, jeśli jej nie podkreślisz. Więcej nudnych rzeczy…


Więcej nie. Element pojawił się w HTML5 , który oznacza tekst wyróżniony w celach informacyjnych ze względu na jego wagę.

Tak, . Prawdopodobnie używasz , , może nawet , czy kiedykolwiek używałeś innych typów? W HTML5 może być używany z całą masą nowych typów:
  • e-mail
  • numer
  • zakres
  • szukaj
  • kolor
To świetnie, ale najpierw musisz upewnić się, że Twoje docelowe przeglądarki obsługują to wszystko. To nadal jest problem.

Czy kiedykolwiek robiłeś menu z nienumerowanej listy?

Nie rób tego więcej! Do tego istnieje

, która jest nieuporządkowaną listą poleceń. Ten tag ma atrybut typ, które mogą przyjmować następujące wartości: wyskakujące okienko Lub pasek narzędzi.

  • Otwarte
  • Ratować
  • Zrezygnować
  • Premia

    Większość programistów front-endu używa języka HTML podczas pisania, ale wielu nie zna jego prawdziwego znaczenia. Spacja nierozdzielająca nie przerywa linii. Oznacza to, że jeśli dwa słowa są połączone spacją nierozdzielającą, to zawsze będą razem w tym samym wierszu. Czasami jest to bardzo ważne. Oto kilka przykładów:
    • Jednostki: 12 m/s
    • Czas: 20:00
    • Nazwy własne: Dairy Queen
    Istnieje również łącznik nierozdzielający ( ), w podobnych celach.

    Podsumowując

    HTML z dnia na dzień staje się coraz bardziej semantyczny. Użycie wszystkich tych elementów to dobry początek pisania bardziej przystępnych i czytelnych znaczników. Aby uzyskać pełniejszy obraz, spójrz

    Skupmy się na temacie skrótów na stronach internetowych, a raczej zrozumiałości tych skrótów dla czytelników. W tym artykule omówiono znaczniki skrótów i akronimów oraz niuanse z nimi związane.

    Uwaga!!! W specyfikacji HTML5 element akronim uznany za całkowicie przestarzały i zdecydowanie zaleca się jego wycofanie z użytku. Zamiast tego proponuje się użycie elementu skrócone(wyjaśnienia z dnia 10 listopada 2011 r.) .

    Zrozumienie terminologii

    Skrót (włoski abbreviatura – skrót, od łacińskiego abbrevio – skracam) to skrócona forma słowa lub grupy słów, używana zamiast całego słowa lub frazy. Na przykład: WWW, HTTP, URI, skr. itp. Akronim (gr. akros – wysoki, onyma – imię) to skrót utworzony z części słów oryginalnej frazy (zwykle początkowych liter), wymawiany jako pojedyncze słowo, a nie litera po literze, jak inne rodzaje skrótów. Na przykład: modem, radar lub laser.

    Skróty i akronimy powinny być zawsze zrozumiałe dla każdego.

    Dość często używamy różnych skrótów, od „zamkompomorde” po „ASS” (to wcale nie jest tak, jak myślisz). Ale często wiele osób nie ma pojęcia, co oznaczają te akronimy. Dlatego też, używając dowolnego terminu będącego skrótem lub akronimem, należy je wyjaśnić. Co więcej, jeśli wprowadziłeś termin na początku i go wyjaśniłeś, nie oznacza to, że dana osoba nie zapomni jego znaczenia po 2 minutach, dlatego wyjaśnienia powinny zawsze znajdować się w pobliżu;

    Tagi HTML I

    HTML 4 udostępnia nam dwa logiczne elementy formatowania służące do wyróżniania skrótów i akronimów – odpowiednio abbr i acronim. Tagi te mają atrybut tytułu, który zawiera wyjaśnienie terminu. Każda zwykła przeglądarka, po najechaniu myszką na taki termin, wyświetli podpowiedź określoną przez atrybut tytułu.

    Przykład: Modem WWW

    WWW Modem

    Billy, który nie lubi W3C

    IE (do wersji 6) nie obsługuje znacznika ABBR(przepraszam, że robię to od razu, bez przygotowania :-)

    Na znanej mu liście elementów wskazany jest tylko element AKRONIM. Ale jestem pewien, że zostanie to naprawione w siódmej wersji przeglądarki.

    Oczywiście możesz z tego zrezygnować i użyć znacznika akronim zamiast znacznika abbr, ale wtedy nie zdziw się, jeśli agent głosowy użytkownika wymówi alfabetyczny skrót URI nie litera po literze, ale jednym słowem, a otrzymasz imię Uri z filmu „Przygody elektroniki”. Można jednak znaleźć obejście, na przykład wstawiając element SPAN wewnątrz ABBR:

    CSS

    A lepiej zautomatyzować ten proces, wykonując wstawienia za pomocą skryptu po załadowaniu dokumentu i tylko dla IE. I co bardzo ważne, nie będziesz musiał się zmieniać prawidłowy tekst źródłowy dokumentu.

    Stwórzmy sztuczkę CSS

    Ponieważ skrót i akronim są logicznymi elementami formatowania, przeglądarki mogą wyświetlać je w różny sposób na stronie. Na przykład Mozilla Firefox i Opera wyświetlają te elementy z czarnym podkreśleniem w postaci kropek, Konqueror wyświetla je kursywą, a IE nie podświetla ich wizualnie (akronim).

    Dlatego nie zaszkodzi ustawić style, które ujednolicą wyświetlanie tych elementów w różnych przeglądarkach.

    Na przykład tak:

    SKRÓT, AKRONIM (
    obramowanie na dole: 1px z kropkami #F04B2D;
    kursor: pomoc;
    styl czcionki: kursywa;

    The Element skrótu HTML( ) oznacza skrót lub akronim; opcjonalny atrybut tytułu może stanowić rozwinięcie lub opis skrótu. Jeśli występuje, tytuł musi zawierać ten pełny opis i nic więcej.

    Źródło tego interaktywnego przykładu jest przechowywane w repozytorium GitHub. Jeśli chcesz przyczynić się do projektu interaktywnych przykładów, sklonuj https://github.com/mdn/interactive-examples i wyślij nam żądanie ściągnięcia.

    Obawy dotyczące dostępności

    Przeliterowanie całego akronimu lub skrótu przy pierwszym użyciu na stronie jest korzystne, ponieważ pomaga ludziom go zrozumieć, zwłaszcza jeśli treść jest żargonem technicznym lub branżowym.

    Przykład

    Notacja obiektu JavaScript ( JSON) to lekki format wymiany danych.

    Jest to szczególnie przydatne dla osób, które nie są zaznajomione z terminologią lub pojęciami omawianymi w treści, dla osób, które nie znają języka po raz pierwszy oraz dla osób z problemami poznawczymi.

    Dane techniczne

    Specyfikacja Status Komentarz
    Standard życia HTML
    Definicja „ „w tej specyfikacji.
    Standard życia
    HTML5
    Definicja „ „w tej specyfikacji.
    Zalecenie
    Specyfikacja HTML 4.01
    Definicja „ „w tej specyfikacji.
    Zalecenie

    Zgodność przeglądarki

    Tabela zgodności na tej stronie jest generowana na podstawie danych strukturalnych. Jeśli chcesz przyczynić się do gromadzenia danych, odwiedź https://github.com/mdn/browser-compat-data i wyślij nam prośbę o ściągnięcie.

    Zaktualizuj dane dotyczące zgodności w GitHub

    PulpitPrzenośny
    ChromKrawędźFirefoksaInternet ExploreraOperaSafariPrzeglądarka internetowa na AndroidaChrome na AndroidaFirefoksa na AndroidaOpera na AndroidaSafari na iOSInternetu Samsunga
    skróconePełna obsługa Chrome 2Edge Pełne wsparcie TakPełna obsługa Firefoksa 1

    Notatki

    Pełne wsparcie 1

    Notatki

    Notatki Przed wersją Firefox 4 ten element implementował interfejs HTMLSpanElement zamiast standardowego interfejsu HTMLElement.
    IE Pełne wsparcie 7Opera Pełne wsparcie TakSafari Pełne wsparcie TakWebView Android Pełna obsługa TakChrome Android Pełna obsługa TakPełna obsługa przeglądarki Firefox dla Androida 4Opera Android Pełna obsługa TakPełna obsługa Safari iOS TakSamsung Internet Android Pełne wsparcie Tak

    Legenda

    Pełne wsparcie Pełne wsparcie Zobacz uwagi dotyczące wdrożenia. Zobacz uwagi dotyczące wdrożenia.

    Zobacz także

    TEG

    generator termoelektryczny

    technologia

    Słownik: S. Fadejew. Słownik skrótów współczesnego języka rosyjskiego. - Petersburg: Politechnika, 1997. - 527 s.

    TEG

    glikol trietylenowy

    TEG

    tromboelastogram

    Miód.

    Źródło: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8

    TEG

    szpital ewakuacyjny terapeutyczny

    Miód.

    Słownik: Słownik skrótów i skrótów armii i służb specjalnych. komp. A. A. Szczelokowa. - M .: Wydawnictwo AST LLC, Wydawnictwo Geleos CJSC, 2003. - 318 s.


    Słownik skrótów i skrótów.

    Akademik.:

    2015.

      Synonimy Zobacz, co oznacza „TAG” w innych słownikach: Etykietka- (tag, angielski tag „etykieta, etykieta, tag; znak”) etykieta jako

      słowo kluczowe, w węższym zastosowaniu, identyfikator służący do kategoryzacji, opisu i wyszukiwania danych, określający strukturę wewnętrzną. Przykłady zastosowań: Element języka znaczników... ... Wikipedia etykietka

      Synonimy- rzeczownik, liczba synonimów: 3 deskryptor (5) znacznik (2) etykieta (25) Słownik synonimów ASIS. V.N. Trishin... Słownik synonimów

      TEG- wieś w rejonie Syktywdyńskim. Nazwany na cześć rzeki. Tegyu, po prawej, jest dopływem Vychegdy, w pobliżu którego znajduje się: Komi tag „siarka”, yu „rzeka”. Tegyu „rzeka, w pobliżu której występują wychodnie siarki”. Na tym terenie wydobywano wcześniej siarkę naturalną na potrzeby gospodarstw domowych.... ... Słownik toponimiczny Republiki Komi

      TEG- 3.1.45 TAG: Element usługi, który jest umieszczony na początku nagłówka i przechowywany wraz z danymi, nie może być używany jako element niezależny. Źródło … Słownik-podręcznik terminów dokumentacji normatywnej i technicznej

      TEG- patrz Generator termoelektryczny...

      TEG Wielki encyklopedyczny słownik politechniczny - ... Wikipedii

      - generator termoelektryczny... Słownik rosyjskich skrótów znacznik identyfikacyjny protokołu- - [GOST R 54325 2011 (IEC/TS 61850 2:2003)]] Tematy zabezpieczenie przekaźnika

      EN identyfikator protokołu znacznikaTPID… Przewodnik tłumacza technicznego

      I-Teg-Yugan- Charakterystyka Długość 35 km Dorzecze Ciek wodny Morza Kara Ujście 33 km wzdłuż lewego brzegu kanału Mogot Leim Po lokalizacji ... Wikipedia Generator termoelektryczny- (TEG) generator termoelektryczny, urządzenie do bezpośrednia konwersja



    Jeśli zauważysz błąd, zaznacz fragment tekstu i naciśnij Ctrl+Enter
    UDZIAŁ: