Som webbdesigners, vi vill alla arbeta med de senaste och bästa teknologierna. Ibland sitter vi dock fast på äldre sidor som av en eller annan anledning inte kan uppdateras till nuvarande webbstandarder. Du ser detta på vissa program som kan ha anpassats för företag för många år sedan. Om du har till uppgift att arbeta på dessa webbplatser kommer du utan tvekan att få händerna smutsiga med att arbeta med gammal kod. Du kan till och med se aor två där inne!
HTML-elementet var en fixtur av hemsidedesign för några år sedan, men det är en funktion du sällan ser på webbplatser idag - och med goda skäl. Låt oss titta på var support finns idag och vad du behöver veta om du tvingas arbeta med ramar på en äldre webbplats.
HTML5-stöd för ramar
DeHTML5. Det betyder att om du kodar en webbsida med den senaste iterationen av språket kan du inte använda HTML-ramar i ditt dokument. Om du vill använda enHTML 4.01 eller XHTML för din sidans doktyp.
Eftersom ramar inte stöds i HTML5 kommer du inte att använda detta element på en nybyggd webbplats. Detta är något du bara kommer att stöta på på de tidigare nämnda äldre webbplatserna.
Att inte förväxlas med iFrames
HTML
Inriktning på HTML-ramar
OK, så allt om att ramar är föråldrade har sagts, vad händer om du behöver arbeta med dessa gamla HTML-bitar?
Om du använder en äldre doktyp och du vill använda HTML-ramar finns det några vanliga problem som du bör vara medveten om. En av dessa frågor är att få länkarna att öppnas i korrekt ram. Detta kallas inriktning. Du ger dina ankartaggar en "mål"för att öppna sina länkar i. Målet är vanligtvis ramens namn.
I ovanstående ramuppsättning finns det två ramar, den första kallas "nav" och den andra kallas "huvud". Vi kan föreställa oss att navramen (frame1.html) är navigering och alla länkar inom den ska öppnas inom huvudramen (frame2.html).
För att göra detta skulle du ge länkarna i frame1 målet för "main". target = "main">. Men tänk om du inte vill lägga till målet i varje länk på din navigationssida? Du kan ställa in ett standardmål i dokumentets HEAD. Detta kallas basmålet. Du skulle lägga till raden
Ramar och Noframes
En av de mest missbrukade delarna av ramtaggen är noframes. Den här taggen låter personer med ramar som är inkompatibla webbläsare se din sida (detta fungerar inte för HTML5, bara för riktigt gamla webbläsare utan ramstöd - så du kan inte försöka klämma in det i HTML5 för att göra det arbete. Trevligt försök, men ingen tur.), Och det är det ultimata målet, eller hur?
I en typisk ramuppsättning ser HTML ut så här:
Detta skapar en sida med två ramar, den övre är 40 pixlar lång och den nedre resten av sidan. Detta skulle göra en trevlig toppram för navigationsfältet med varumärket och navigering i 40-pixelramen.
Men om en av dina tittare kommer till din webbplats i en ram som inte är kompatibel, får de en tom sida. Chanserna att de återvänder till din webbplats är ganska små, och för att göra det synligt för dem måste du lägga till ytterligare fyra rader med HTML:
Denna webbplats är inramad, men du kan visa en icke-inramad version.
Eftersom du pekar på innehållsdelen i din ramuppsättning (frame2.html) i noframes-delen på sidan blir din webbplats tillgänglig.
Tänk på att medan du kanske använder den senaste versionen av din favoritwebbläsare, kanske din publik inte vill ladda ner den senaste programvaran kontinuerligt. Deras maskin stöder kanske inte den, eller så har de inte utrymme för att installera ett 20+ Meg-program på hårddisken. Att lägga till fyra rader HTML är en enkel lösning.