Jeśli masz witrynę, poznanie jej projektu za pomocą tagów CSS i div może zaprowadzić Ciebie i Twoją firmę o krok do przodu. Łatwa konserwacja, szybsze ładowanie i funkcje przyjazne dla wyszukiwarek zapewnią korzyści płynące z lepszej strategii marketingowej.
Kroki
Krok 1. Wiedz, że tag „div” jest zasadniczo używany do tworzenia oddzielnych obszarów lub podziałów strony internetowej
Jest to jeden z niezwykle potężnych elementów w „XHTML”, ponieważ jest niezbędny do umieszczenia projektu strony internetowej za pomocą „CSS”. W prostych słowach proces ten oznacza wdrażanie witryn bez użycia tabel do układu i pozycjonowania.
Krok 2. Utwórz arkusz stylów - tagi „Div” wykorzystują arkusze stylów, które umożliwiają projektowanie stron internetowych niezależnych od danych
Projektowanie tła za pomocą kolorów i czcionek, szerokości, wysokości, układu i rozmieszczenia wierszy lub kolumn można wstawić do arkuszy stylów, pozostawiając tylko kod div i informacje na rzeczywistych stronach.
- Możesz utworzyć arkusz stylów jako inny dokument, a następnie połączyć go. Otwórz nowy dokument notatnika, wpisz swój kod i zapisz go pod rozszerzeniem ".css".
- Bardzo przydatne właściwości CSS to "background-color", "height", "width", "float" i "clear".
Krok 3. Połącz arkusz stylów - Możesz połączyć arkusz stylów za pomocą tagu link
Powinno to być używane w sekcji „head” Twojej witryny. np.. powinieneś wpisać ścieżkę do swojego pliku CSS w miejscu, w którym w tym przykładzie jest zapisana „ścieżka”.
Krok 1. Poznaj zalety korzystania z tagów div lub bez tabel:
- Ładowanie witryn staje się szybsze. Witryny oparte na tagach „div” renderują przeglądarki, które działają znacznie szybciej, ponieważ są bardzo lekkie. „Div” jest kontrolowany przez arkusze stylów kaskadowych i dlatego wymaga mniej kodowania, co pomaga w utrzymaniu minimalnego rozmiaru pliku.
- „Div” jest przyjazny dla wszystkich wyszukiwarek – strony internetowe oparte na CSS są przyjazne dla optymalizacji pod kątem wyszukiwarek, ponieważ umożliwiają projektantowi stron internetowych utrzymywanie głównych artykułów na górze, co pozwala wyszukiwarkom łatwiej znaleźć główne treści.
- Witryna oparta na tagach „div” oszczędza przepustowość. Witryna bez tabel ma mniejszy rozmiar pliku, co oznacza, że oszczędza przepustowość. Jeśli masz witrynę o dużym natężeniu ruchu, w której każda strona jest przeglądana przez odwiedzających witrynę, możesz zaoszczędzić na przepustowości, nie mając tabel. Ta zaoszczędzona przepustowość może być przydatna w pewnym okresie lub pod koniec miesiąca.
- Czystszy kod – witryny korzystające ze znaczników „div” i CSS generują czystszy kod. Ten czystszy kod umożliwia robotom indeksującym wyszukiwarki odczytywanie rzeczywistej zawartości.