Jakie są języki znaczników? - Projektowanie stron

Kiedy zaczynasz odkrywać świat projektowanie stron, bez wątpienia poznasz wiele nowych dla Ciebie słów i wyrażeń. Jednym z terminów, które prawdopodobnie usłyszysz, jest „znacznik” lub „język znaczników”. Czym różni się „znacznik” od „kodu” i dlaczego niektórzy specjaliści sieci Web używają tych terminów zamiennie? Zacznijmy od przyjrzenia się dokładnie, czym jest „język znaczników”.

Ten przykład to akapit HTML. Składa się z otwierającego tagu (

), tag zamykający (

) oraz rzeczywisty tekst, który będzie wyświetlany na ekranie (jest to tekst zawarty między dwoma znacznikami). Każdy tag zawiera symbole „mniejsze niż” i „większe niż”, które oznaczają go jako część znacznika. Podczas formatowania tekstu, który ma być wyświetlany na ekranie komputera lub innego urządzenia, należy odróżnić sam tekst od instrukcji dotyczących tekstu. „Znacznik” to instrukcje dotyczące wyświetlania lub drukowania tekstu.

Znaczniki nie muszą być czytelne dla komputera. Adnotacje wykonane drukiem lub w książce są również uważane za znaczniki. Na przykład wielu uczniów w szkole podkreśla pewne wyrażenia w swoich podręcznikach. Oznacza to, że podświetlony tekst jest ważniejszy niż tekst otaczający. Kolor podświetlenia jest uważany za znacznik.

instagram viewer

Znaczniki stają się językiem, gdy skodyfikowane są zasady dotyczące sposobu pisania i używania tego znacznika. Ten sam uczeń mógłby mieć swój własny „język znaczników do robienia notatek”, gdyby skodyfikował zasady, takie jak „fioletowy zakreślacz jest w przypadku definicji żółty zakreślacz służy do szczegółów egzaminu, a notatki ołówkiem na marginesach służą do dodatkowych zasobów”.

Większość języków znaczników jest definiowana przez władze zewnętrzne do użytku przez wiele różnych osób. Tak działają języki znaczników w sieci. Są one definiowane przez konsorcjum W3C lub World Wide Web.

Spójrzmy na 3 języki znaczników

Prawie każdy akronim w sieci, który zawiera „ML” jest „językiem znaczników” (duża niespodzianka, to właśnie oznacza „ML”). Języki znaczników to bloki konstrukcyjne używane do tworzenia stron internetowych lub wszystkich kształtów i rozmiarów.

W rzeczywistości na świecie istnieje wiele różnych języków znaczników. W przypadku projektowania i tworzenia stron internetowych istnieją trzy specyficzne języki znaczników, z którymi prawdopodobnie będziesz się spotykać. Są to HTML, XML i XHTML.

Co to jest język znaczników?

Aby właściwie zdefiniować ten termin — język znaczników to język, który opatruje tekst, aby komputer mógł manipulować tym tekstem. Większość języków znaczników jest czytelna dla człowieka, ponieważ adnotacje są napisane w taki sposób, aby odróżnić je od samego tekstu. Na przykład w przypadku HTML, XML i XHTML znaczniki znaczników są.

<

i.

>

Każdy tekst, który pojawia się w obrębie jednego z tych znaków, jest uważany za część języka znaczników, a nie za część tekstu z adnotacjami. Na przykład:

HTML — hipertekstowy język znaczników

HTML lub HyperText Markup Language to podstawowy język sieci i najczęstszy język, z którym będziesz pracować jako projektant/programista stron internetowych. W rzeczywistości może to być jedyny język znaczników, którego używasz w swojej pracy.

Wszystkie strony internetowe są napisane w stylu HTML. HTML określa sposób wyświetlania obrazów, multimediów i tekstu w przeglądarkach internetowych. Ten język zawiera elementy umożliwiające połączenie dokumentów (hipertekst) i uczynienie dokumentów internetowych interaktywnymi (np. formularze). Wiele osób nazywa HTML „kodem witryny”, ale tak naprawdę jest to tylko język znaczników. Żaden z tych terminów nie jest całkowicie błędny i usłyszysz, że ludzie, w tym profesjonaliści sieciowi, używają tych dwóch terminów zamiennie.

HTML to zdefiniowany standardowy język znaczników. Opiera się na SGML (Standardowy uogólniony język znaczników). Jest to język, który używa znaczników do definiowania struktury tekstu. Elementy i znaczniki są definiowane przez znaki < i >.

Chociaż HTML jest obecnie najpopularniejszym językiem znaczników używanym w Internecie, nie jest to jedyny wybór do tworzenia stron internetowych. Wraz z rozwojem języka HTML stawało się coraz bardziej skomplikowane, a znaczniki stylu i treści połączono w jeden język. Ostatecznie W3C zdecydowało, że istnieje potrzeba oddzielenia stylu strony internetowej od treści. Znacznik definiujący samą treść pozostałby w HTML, podczas gdy znaczniki definiujące styl zostały wycofane na rzecz CSS (Cascading Style Sheets).

Najnowsza numerowana wersja HTML to HTML5. Ta wersja dodała więcej funkcji do HTML i usunęła część restrykcyjności narzuconej przez XHTML (więcej o tym języku wkrótce).

Sposób, w jaki HTML jest publikowany, został zmieniony wraz z pojawieniem się HTML5. Obecnie dodawane są nowe funkcje i zmiany bez konieczności wydawania nowej, numerowanej wersji. Najnowsza wersja języka jest po prostu określana jako „HTML”.

XML — rozszerzalny język znaczników

eXtensible Markup Language to język, na którym oparta jest inna wersja HTML. Podobnie jak HTML, XML jest również oparty na SGML. Jest mniej rygorystyczny niż SGML i bardziej rygorystyczny niż zwykły HTML. XML zapewnia rozszerzalność do tworzenia różnych języków.

XML to język do pisania języków znaczników. Na przykład, jeśli pracujesz nad genealogią, możesz utworzyć znaczniki przy użyciu XML, aby zdefiniować ojca, matkę, córkę i syna w XML w ten sposób:. Istnieje również kilka ustandaryzowanych języków, które zostały już stworzone za pomocą XML: MathML do definiowania matematyki, SMIL do pracy z multimediami, XHTML i wiele innych.

XHTML — eXtended HyperText Markup Language

XHTML 1.0 to HTML 4.0 na nowo zdefiniowany w celu spełnienia XML standard. XHTML został zastąpiony w nowoczesnym projektowaniu stron internetowych przez HTML5 i zmiany, które nastąpiły od tego czasu. Jest mało prawdopodobne, że znajdziesz nowsze witryny używające XHTML, ale jeśli pracujesz na znacznie starszej witrynie, nadal możesz napotkać XHTML na wolności.

Nie ma wielu głównych różnic między HTML i XHTML, ale oto, co zauważysz:

  • XHTML jest pisany małymi literami. Podczas Tagi HTML mogą być pisane WIELKIMI, MIESZANYMI lub małymi literami, aby były poprawne, znaczniki XHTML muszą być w całości pisane małymi literami. (wielu profesjonalistów internetowych pisze HTML małymi literami, nawet jeśli nie jest to technicznie wymagane).
    • Wszystkie elementy XHTML muszą mieć znacznik końcowy. Elementy z tylko jednym tagiem, takie jak i wymagają zamykającego ukośnika (/) na końcu tagu:
  • Wszystkie atrybuty muszą być cytowane w XHTML. Niektórzy usuwają cudzysłowy wokół atrybutów, aby zaoszczędzić miejsce, ale są one wymagane do poprawnego XHTML.
  • XHTML wymaga, aby tagi były poprawnie zagnieżdżone. Jeśli otworzysz pogrubienie () a następnie kursywa (), należy zamknąć element kursywą () przed zamknięciem pogrubienia (). (Pamiętaj, że oba te elementy zostały wycofane, ponieważ są elementami wizualnymi. HTML teraz używa i w miejsce tych dwóch).
  • Atrybuty HTML muszą mieć nazwę i wartość. Atrybuty, które są autonomiczne w HTML, również muszą być zadeklarowane z wartościami, na przykład atrybut HR zostanie zapisany noshade="noshade".
instagram story viewer