Net zo webdesigners, we willen allemaal werken met de nieuwste en beste technologieën. Soms werken we echter vast aan verouderde pagina's die om de een of andere reden niet kunnen worden bijgewerkt naar de huidige webstandaarden. Je ziet dit bij bepaalde softwaretoepassingen die vele jaren geleden op maat voor bedrijven zijn gemaakt. Als je de taak hebt om op die sites te werken, zul je ongetwijfeld je handen vuil maken door met wat oude code te werken. Misschien zie je er zelfs een of twee!
Het HTML-element was een vaste waarde van website ontwerp enkele jaren geleden, maar het is een functie die je tegenwoordig zelden op sites ziet - en met een goede reden. Laten we eens kijken waar de ondersteuning vandaag de dag is en wat u moet weten als u genoodzaakt bent om met frames te werken op een verouderde website.
HTML5-ondersteuning voor frames
DeHTML5. Dit betekent dat als u een webpagina codeert met de nieuwste versie van de taal, u geen HTML-frames in uw document kunt gebruiken. Als u een wilt gebruikenHTML 4.01 of XHTML Voor jouw doctype van de pagina.
Omdat frames niet worden ondersteund in HTML5, zul je dit element niet gebruiken op een nieuw gebouwde site. Dit is iets dat je alleen tegenkomt op de bovengenoemde legacy-sites.
Niet te verwarren met iFrames
de HTML
HTML-frames targeten
OK, dus alles over verouderde frames is gezegd, wat gebeurt er als je toch met deze oude stukjes HTML moet werken?
Als u een ouder doctype gebruikt en u wilt toch HTML-frames gebruiken, dan zijn er enkele veelvoorkomende problemen waarvan u op de hoogte moet zijn. Een van die problemen is om de links te openen in de correct kader. Dit wordt targeting genoemd. U geeft uw ankertags een "doelwit" om hun links te openen in. Het doel is meestal de naam van het frame.
In de bovenstaande frameset zijn er twee frames, de eerste heet "nav" en de tweede heet "main". We kunnen ons voorstellen dat het nav-frame (frame1.html) navigatie is en dat alle links erin binnen het hoofdframe (frame2.html) zouden moeten openen.
Om dit te doen, zou je de links in frame1 het doel van "main" geven. doel="hoofd">. Maar wat als u het doel niet aan elke link op uw navigatiepagina wilt toevoegen? U kunt een standaarddoel instellen in de HEAD van uw document. Dit wordt het basisdoel genoemd. Je zou de regel toevoegen
Frames en Noframes
Een van de meest misbruikte secties van de frames-tag is noframes. Met deze tag kunnen mensen met incompatibele browsers uw pagina bekijken (dit werkt niet voor HTML5, alleen voor echt oude browsers zonder frame-ondersteuning - dus je kunt niet proberen dit in HTML5 te proppen om het te maken werk. Leuk geprobeerd, maar geen geluk.), en dat is het uiteindelijke doel, nietwaar?
In een typische frameset ziet de HTML er als volgt uit:
Hiermee wordt een pagina gemaakt met twee frames, waarvan de bovenkant 40 pixels hoog is en de onderkant de rest van de pagina. Dit zou een mooie frameset voor de navigatiebalk zijn met de branding en navigatie in het frame van 40 pixels.
Als een van uw kijkers echter naar uw site komt in een browser die niet compatibel is met frames, krijgen ze een blanco pagina. De kans dat ze terugkeren naar uw site is vrij klein en om deze door hen zichtbaar te maken, moet u nog vier regels HTML toevoegen:
Deze site is ingelijst, maar dat kan bekijk een niet-ingelijste versie.
Omdat u verwijst naar het inhoudsgedeelte van uw frameset (frame2.html) in het noframes-gedeelte van de pagina, wordt uw site toegankelijk.
Houd er rekening mee dat hoewel u mogelijk de nieuwste versie van je favoriete browser, wil uw publiek misschien niet voortdurend de nieuwste software downloaden. Het kan zijn dat hun computer het niet ondersteunt, of dat ze geen ruimte hebben om een 20+ Meg-programma op hun harde schijf te installeren. Het toevoegen van vier regels HTML is een eenvoudige oplossing.