Zagnieżdżanie szybko oddzielone od hipertekstu w oddzielnym kierunku. Ale nie tylko w dziedzinie programowania internetowego naturalnym stało się odróżnienie interfejsu od działającego kodu. Jest to spójny sposób rozwijania technologii informacyjnej.
Rzeczywiście, przy opracowywaniu projektu dowolnego programu i zasobów sieciowych jest to bardziej istotne, istnieją eksperci, którzy są całkowicie dalecy od programowania. Programiści nie mogą myśleć o wyglądzie przycisków, menu, wizualizacji dialogu z użytkownikiem.
Każdy ma swoją własną sferę kompetencji, a dziś CSS jest silnym kierunkiem rozwoju, który nie jest gorszy od znaczenia samego HTML.
Klasyczna logika interakcji między HTML a CSS
Strona internetowa - zestaw elementów, który obejmuje również style i algorytmy. Tradycyjnie wszystkie pliki należące do jednej strony łączą się we wspólny wątek w jego wartości podczas tworzenia drzewa DOM w przeglądarce. To, o czym mówi CSS, to styl, ale javascript to skrypty. Wstawki i pliki znaczników HTML to sama strona. Istnieje również wiele innych formatów i plików wymaganych do normalnego działania strony. Zazwyczaj zadanie "jak podłączyć plik CSS do strony HTML" jest bardzo proste.
Sekcja head używa znacznika link, który określa, że musisz podłączyć zewnętrzny plik .css, który znajduje się w określonej lokalizacji w bezwzględnych lub względnych ścieżkach na stronie. Sposób na połączenie CSS HTML jest prosty. PonadtoZewnętrzne pliki .css są wygodne w użyciu dla różnych stron tej samej witryny, pod warunkiem, że są identyczne z projektem. Ta metoda pozwala również na używanie reguł CSS i właściwości dla innych witryn.
W zależności od ustawień hostowania, pliki CSS mogą być buforowane, w przeciwieństwie do stylów wbudowanych w samą stronę HTML. Ta okoliczność już straciła na znaczeniu, ale w niektórych przypadkach ma to znaczenie.
Style wewnątrz strony: wersja statyczna
Użycie elementu style jako opcji wstawiania .css-constructs bezpośrednio na stronę HTML pozwala osiągnąć więcej i połączyć renderowanie, hipertekst i kod w jednym. Nie jest to bardzo wygodne przy projektowaniu dużych witryn, ale w przypadku prostych opcji strony nie można zadawać pytań o sposób łączenia kodu CSS HTML, ale po prostu połączyć wszystko w jednym pliku.
Nic nie stoi na przeszkodzie, aby połączyć styl bezpośrednio z określoną stroną lub elementem i mieć absolutną pewność, że styl nigdy się nie "zgubi". Jest to wariant opisu stylu typowego systemu zarządzania witryną.
To jest rozwiązanie do łączenia stylu CSS z elementem html bez zmiany zewnętrznego pliku. Procedura jest popyt. W tym przypadku istnieje tabela komórek cen za usługi, generalnie nie ma sensu malowanie na komórkach i tworzenie dziesiątek podobnych stylów, które różnią się tylko współrzędnymi komórek. Inteligentnym rozwiązaniem byłby algorytm, który generuje taką tabelę, ale z niewielką liczbą komórek nie ma sensu.
WadyZewnętrzne style i opisy elementów HTML.
Zewnętrzny plik .css jest przyjazny dla użytkownika, wraz z dopracowaniem szczegółów na konkretnym elemencie HTML. Dzięki temu możesz przenieść swoje wrażenia na inne strony i witryny.
W niektórych przypadkach wystarczy zmienić opis stylu bez przetwarzania algorytmów i /lub stron, a strona będzie wyglądać inaczej. W rzeczywistości problemem nie jest dołączanie pliku CSS do pliku HTML, ale ponieważ jest statyczny nie mniej niż opis konkretnego elementu. Praktycznie każda modernizacja zasobu sieciowego wymaga odpowiednich zmian zarówno w jednym, jak iw drugim pliku. Zmiany powinny zawsze mieć charakter zgodny. Style malowane bezpośrednio na elementach znacznie utrudniają zmianę reguł zawartych w pliku .css - jest to poważny problem w przypadku dużych witryn (można po prostu zapomnieć o opisie). Praktycznie wszystkie nowoczesne systemy zarządzania witryną generują kilka plików .css, z których niektóre są tworzone w nieczytelnym formacie. Oznacza to, że podstawowe reguły są tworzone w postaci spektrum klas i identyfikatorów, które można udoskonalić w małych niestandardowych plikach .css. Dzieląc statykę CSS na dwie części, prawie zawsze stałe style i style bieżącego zasobu sieciowego, można uprościć pracę na stronie i jej dalszą modernizację. Ale przy projektowaniu pliku .css pytanie: "Jak podłączyć CSS HTML?", Powinno być brane pod uwagę w kontekście wygody dalszych zmian i dodatków.
Style wewnątrz strony: Wersja dynamiczna
Język przeglądarki umożliwia dynamiczne tworzenie stylów. Podczas wykonywania skryptu może być koniecznezdefiniuj styl. Poniższy przykład pokazuje, jak połączyć CSS HTML w dynamice.
Ten przykład jest stosunkowo dynamiczny, ponieważ jest zaprojektowany jako rozszerzenie przeglądarki w sytuacji, gdy rozwiązanie musi być reprezentowane przez pojedynczy plik. Żadne pliki zewnętrzne po prostu nie mogą się połączyć. Tutaj wszystkie style są znane, niezmienne, ale muszą być tworzone, gdy ekspansja staje się aktywna w środowisku przeglądarki, gdy pobierasz zupełnie inną treść internetową, inną stronę. Jednak to rozwiązanie pokazuje, że styl jest tekstem, a zatem można go utworzyć w procesie odwiedzania strony w razie potrzeby i tworzenia nowych elementów, zmian już istniejących.
Optymalne połączenie HTML i CSS
Nie ma wątpliwości, że wizualna reprezentacja informacji i reprezentacji informacji + algorytm jego przetwarzania - zupełnie inne nisze.
Ale wizualizacja informacji nie musi być statyczna. Obecnie park sprzętowy, na którym działa przeglądarka jest tak wielki, że bardzo trudno jest napisać idealne rozwiązanie zarówno poprzez CSS, jak i HTML. Zawsze znajdzie się urządzenie, które wstrząsa obrazem. Jeśli spojrzysz na pomysł łączenia HTML i CSS z punktu widzenia użytkownika, czyli konsumenta funkcji zasobu internetowego z powodu jego wizualnej prezentacji, ponieważ podczas wizyty na stronie zmienia się jego funkcjonalność, możesz zmienić styl jej prezentacji. Podstawowe i podstawowe zasady CSS można opisać statycznie i połączyć w zwykły sposób, a dynamiczne elementy są opisane przez algorytmy kształtowania pożądanego stylu w określonym momencie.
