Tak jak projektanci stron internetowych, wszyscy chcemy pracować z najnowszymi i najlepszymi technologiami. Czasami jednak utknęliśmy w pracy nad starszymi stronami, których z tego czy innego powodu nie można zaktualizować do aktualnych standardów internetowych. Widać to w niektórych aplikacjach, które mogły zostać stworzone na zamówienie dla firm wiele lat temu. Jeśli masz za zadanie pracować na tych stronach, bez wątpienia ubrudzisz sobie ręce pracując ze starym kodem. Możesz tam nawet zobaczyć około dwóch!
Element HTML był stałym elementem projektowanie stron internetowych kilka lat temu, ale w dzisiejszych czasach jest to funkcja, którą rzadko widuje się na stronach — i nie bez powodu. Przyjrzyjmy się, gdzie obecnie znajduje się wsparcie i co musisz wiedzieć, jeśli jesteś zmuszony do pracy z ramkami w starszej witrynie internetowej.
Obsługa HTML5 dla ramek
HTML5. Oznacza to, że jeśli kodujesz stronę internetową przy użyciu najnowszej iteracji języka, nie możesz używać w dokumencie ramek HTML. Jeśli chcesz użyćHTML 4.01 lub XHTML dla Twojego doctype strony.
Ponieważ ramki nie są obsługiwane w HTML5, nie będziesz używać tego elementu w nowo utworzonej witrynie. To jest coś, co napotkasz tylko na wyżej wymienionych starszych witrynach.
Nie mylić z iFrames
HTML
Kierowanie na ramki HTML
OK, skoro już wszystko o ramkach jest przestarzałe, co się stanie, jeśli będziesz musiał popracować z tymi starymi fragmentami HTML?
Jeśli używasz starszego typu doctype i chcesz używać ramek HTML, istnieje kilka typowych problemów, o których powinieneś wiedzieć. Jednym z tych problemów jest uzyskanie linków do otwarcia w in poprawny rama. Nazywa się to kierowaniem. Nadajesz tagom kotwicy „cel”, aby otworzyć ich linki. Celem jest zwykle nazwa ramki.
W powyższym zestawie ramek są dwie ramki, pierwsza nazywa się „nav”, a druga „główna”. Możemy sobie wyobrazić, że ramka nawigacji (frame1.html) to nawigacja i wszystkie zawarte w niej linki powinny otwierać się w ramce głównej (frame2.html).
Aby to zrobić, nadasz linkom w ramce 1 cel "main". target="główny">. Ale co, jeśli nie chcesz dodawać celu do każdego linku na swojej stronie nawigacyjnej? Możesz ustawić domyślny cel w HEAD swojego dokumentu. Nazywa się to podstawowym celem. Dodasz linię
Ramki i bezramki
Jedną z najczęściej nadużywanych sekcji tagu frame jest noframes. Ten tag umożliwia osobom korzystającym z przeglądarek niekompatybilnych z ramkami wyświetlanie Twojej strony (nie działa w przypadku HTML5, tylko dla naprawdę starych przeglądarek bez obsługi ramek — więc nie możesz próbować wcisnąć tego w HTML5, aby to zrobić praca. Niezła próba, ale bez powodzenia.) i to jest ostateczny cel, prawda?
W typowym zestawie ramek HTML wygląda tak:
Spowoduje to utworzenie strony z dwiema ramkami, z których górna będzie miała 40 pikseli wysokości, a dolna będzie pozostała część strony. To byłby ładny górny zestaw ramek nawigacyjnych z brandingiem i nawigacją w 40-pikselowej ramce.
Jeśli jednak jeden z Twoich widzów przejdzie do Twojej witryny w przeglądarce niezgodnej z ramkami, otrzyma pustą stronę. Szanse, że powrócą do Twojej witryny, są dość niewielkie i aby była ona dla nich widoczna, musisz dodać cztery dodatkowe wiersze kodu HTML:
Ta strona jest oprawiona, ale możesz zobacz wersję bez ramek.
Ponieważ wskazujesz część zawartości swojego zestawu ramek (frame2.html) w części noframes strony, Twoja witryna staje się dostępna.
Pamiętaj, że chociaż możesz korzystać z najnowszej wersji Twoja ulubiona przeglądarka, Twoi odbiorcy mogą nie chcieć stale pobierać najnowszego oprogramowania. Ich komputer może go nie obsługiwać lub mogą nie mieć miejsca na zainstalowanie programu 20+ Mega na swoim dysku twardym. Dodanie czterech linijek kodu HTML to proste rozwiązanie.