DIV i SPAN

Anonim

i są znacznikami HTML, które definiują elementy w kodzie HTML.

HTML (Hypertext Markup Language) to zorganizowany kod służący do tworzenia i wyświetlania stron internetowych odwiedzanych online, codziennie, na dowolnym urządzeniu.

Inne technologie i języki programowania można zintegrować z HTML, aby zapewnić dynamiczne i zaawansowane funkcje na stronie internetowej.

Zrozumienie HTML

Hipertekstowy język znaczników (HTML) jest powszechnie używanym językiem znaczników i odnosi się do struktury i kodu "za" stroną internetową wyświetlaną w przeglądarce internetowej.

HTML to plik tekstowy wykorzystujący określony kod (składnię) w celu zdefiniowania stylu, treści, układu i formatu strony. The Narzut termin oznacza, że ​​tekst / kod jest przygotowywany do przetwarzania i prezentacji, np. na stronie internetowej, w przeglądarce internetowej.

Konsorcjum World Wide Web (W3C) [i] rozpoznaje HTML jako formalny język znaczników w tworzeniu stron internetowych, w związku z czym HTML jest obsługiwany przez większość przeglądarek. Strony internetowe mogą więc być tworzone w uznanym języku, łatwo interpretowanym przez różne przeglądarki, tak aby strona była zgodna z zamierzeniami projektanta.

Obecna wersja nadal używana jest w języku HTML4, ale powoli jest stopniowo wycofywana, ponieważ HTML5 zyskuje coraz więcej wsparcia i adaptacji dla dynamicznych i responsywnych stron internetowych.

Responsywność staje się podstawowym elementem w tworzeniu stron internetowych, aby zapewnić łatwiejsze i bardziej dynamiczne wrażenia użytkownika, które muszą być uwzględnione na wielu urządzeniach, takich jak smartfony, tablety i laptopy.

Kaskadowe arkusze stylów (CSS) staje się integralną częścią budowania dynamicznych i responsywnych stron. Jest to osobny plik definiujący atrybuty dla każdego elementu, takiego jak czcionka, kolor, wyrównanie - więc programista nie wskazuje stylu elementu za każdym razem, gdy jest używany w kodzie HTML.

Podstawowa struktura HTML

Aby w pełni wykorzystać język programowania, przestrzeganie standardowej struktury plików i uwzględnianie najlepszego użycia składni ma kluczowe znaczenie w dostarczaniu stabilnych, celowych i atrakcyjnych wizualnie treści internetowych.

Strona HTML ma strukturę zdefiniowaną przez elementy (zwane również tagami). Podczas pisania kodu HTML elementy te są wyświetlane parami - oznacza to, że każdy tag wymaga otwarcia i zamknięcia. Początek i koniec.

Element otwiera się za pomocą składni: i zamknięty przy pomocy . The / ukośna linia wskazuje koniec definicji tego elementu.

Atrybuty i treść elementu są zdefiniowane między tymi dwoma punktami.

The minimalne elementy wymagane dla pliku HTML to definicja, , (Tylko HTML4) i tagi.

  • Definicja DOCTYPE

The Definicja (DTD) musi najpierw zostać zadeklarowana jako pierwszy znacznik w pliku HTML, więc kiedy strona jest przetwarzana, przeglądarka internetowa wie, jakiego typu plik jest, a zatem może poprawnie interpretować i wyświetlać stronę.

W HTML4 istnieją odmiany DTD (w zależności od atrybutów i elementów strony), ale bardziej typowe stwierdzenia będą zawarte jako:

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

lub

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/strict.dtd”>

DTD w HTML5 jest znacznie prostsze:

DOCTYPE HTML>

· HTML, HEAD i BODY

  • The tag wskazuje, że jest to plik HTML i jest to główny element HTML, który zawiera wszystkie inne kolejne elementy zdefiniowane w nim; wraz z atrybutem językowym jest zalecana jako najlepsza praktyka; na przykład:

DOCTYPE html>

  • The jest wymagany w HTML4, ale nie jest obowiązkowy w HTML5. Jest to element, który zawiera inne elementy istotne dla tej części dokumentu, takie jak tytuł, odnośniki do skryptów, definiowanie stylów i metadanych. Należy użyć zamkniętego znacznika przed zdefiniowaniem
  • The element zawiera główną treść strony, w tym tabele, obrazy tekstowe, listy itp. Po tag jest zamknięty,
element może się teraz kończyć. Korzystanie z nowego HTML5
element jest opcjonalny dla strony lub innej części treści.

Elementy HTML

HTML5 wytworzył nowe elementy ułatwiające projektowanie i rozwijanie, a także usuwał elementy używane w HTML4. Lista różnic między HTML4 i HTML5 jest publikowana przez World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Wraz z ulepszeniami i nowymi elementami, w połączeniu z postępami CSS, niektóre elementy mogą być wykorzystywane w inny, lepszy sposób niż wcześniej, a strony internetowe stają się szybsze, bardziej funkcjonalne i piękne, aby je zobaczyć! z CSS, używane z HTML5 może zastąpić niektóre elementy, które były nadmiernie używane, jak

.

The

jest popularny podczas segregowania treści na stronie. Podczas tworzenia tego elementu automatycznie wstawia przerwę

aby zachować tekst lub treść razem, zamiast przesuwać tekst po całej stronie.

Dzięki dostępności strony internetowej i optymalizacji pod kątem wyszukiwarek techniki stają się dość naukową i polecaną przez WC3, aby nie zawsze powracać do używania

w HTML5.

Jako przykład starannie ustrukturyzowanego, ale prostego formatu bloga, zastanów się nad nowymi elementami HTML5 za pomocą CSS zamiast używać

element; użyj elementu dla głównej zawartości,
element do wyróżnienia lub oddzielenia dowolnej treści na stronie, nagłówku lub stopce (gdziekolwiek!) i