Html-rammer

Html-rammer er nyttige til at dele websiden eller webbrowseren i flere sektioner, de adskiller sektioner og indlæses derefter forskelligt.

A-frame viser indhold uafhængigt af dets container. Flere rammer danner en samling og er kendt som et rammesæt. Arrangementet kan betragtes som ligner orienteringen af ​​rækker og kolonner i en tabel. Rammetagget er forældet i HTML5.

Hver ramme har et rammetagent til at indikere. Den horisontale ramme defineres af rækkeattributten for rammetagget, og den lodrette attribut defineres af kolonneattributten for rammetagget i HTML-dokumentet. Det samme vindue i en ramme viser muligvis et statisk banner, en anden navigationsmenu osv.

Syntaks af rammer

I HTML er der intet slutmærke for tagget. Når vi bruger rammer på en webside, bruger vi tag i stedet for et tag. Brug af, hvordan vi instruerer webside til at opdele det i rammer Tagget definerer hvilket HTML-dokument, der skal åbnes som ramme.

Attributtskolerne tager værdien i pixels, og de hjælper med at specificere antallet og størrelsen på kolonner i et rammesæt.

På lignende måde tager værdien i pixels, som vi så ovenfor, værdien i pixels, og de hjælper med at specificere antallet og størrelsen på rækkerne i et rammesæt.

Det skal dog bemærkes behørigt, at tagget er forældet i HTML5, og at det ikke længere bruges.

Forskellig type rammer i HTML

En af anvendelserne af rammer har altid været at indlæse navigationsbjælker i en ramme og derefter indlæse hovedsider i en separat ramme. A-frame tag definerer en enkelt vinduesramme inden for en.

har browserstøtte i Chrome, Internet Explorer, Mozilla, Safari og Opera Mini.

De forskellige og nogle almindeligt anvendte attributter i rammen er attributter som grænse, rulle, src, navn osv.

Typer af rammetag

Tagattributten

Der er fem vigtige egenskaber ved, og vi diskuterer det her:

1. Col: De lodrette rammer er angivet af col attributten. Bredden kan dog specificeres på 4 måder:

  • Pixels: absolutte værdier kan nævnes i pixels. Hvis vi skal oprette tre lodrette rammer, kan vi give værdien: cols = ”100, 50, 100”.
  • Procentdel: Procentdelen af ​​browservinduet kan nævnes. Hvis vi skal oprette tre lodrette rammer, kan vi give værdien: cols = ”40%, 20%, 40%”

Vi kan også gøre brug af jokertegnet her (*) og lade jokertegnet tage det resterende af vinduet, der forbliver u-nævnt.

cols =”30%, *, 30%”

Produktion:

2. Rækker: De vandrette rammer er givet af rækkeattributten. Det specificerer rækkerne i et rammesæt. Hvis vi skal oprette tre vandrette rammer, bruger vi:

Fx: Rækker =”10%, 80%, 10%'.

Vi kan også indstille højden på hver række, som vi havde gjort for kolonner tidligere.

Produktion:

3. Border : Det specificerer bredden på kanten af ​​hver ramme i pixels.

F.eks .: grænse = ”4”. Hvis grænse = ”0”, betyder der, at der ikke er nogen grænse.

4. Frameborder: Hvis der skal vises en tredimensionel kant mellem rammer, bruger vi denne attribut. Den værdi, som attributten tager, er enten 1 eller 0 (Ja eller Nej).

F.eks .: frameborder = ”0” betyder ingen kant.

5. Rammeafstand: Denne attribut specificerer mængden af ​​plads mellem rammer i et rammesæt. En hvilken som helst heltalværdi kan gives her for denne attribut.

F.eks .: framespacing = ”12” betyder mellem rammerne der skal være afstanden på 12 pixels.

Tagattributten

Der er 8 attributter, der kan vises her i dette afsnit.

1. src: Vi leverer filnavnet til denne attribut, der skal indlæses i rammen. Værdien af ​​denne attribut kan være en hvilken som helst URL.

F.eks .: src = www.facebook.com

2. navn: Denne attribut giver et navn til rammen. Den definerer, hvilken ramme et dokument skal indlæses i. Hvis du har flere links i en ramme, der indlæses i en anden ramme, bruger vi denne attribut. Derefter har den anden ramme brug for et navn til at identificere sig selv som målet for linket.

F.eks. Navn = ”abc.htm”

3. frameborder: Denne attribut er specificeret for at vise, om grænserne skal vises eller ej. Værdien optages er 1 eller 0 (Ja eller Nej).

4. marginbredde: Attributten er nyttig til at specificere bredden på mellemrummet mellem venstre og højre for rammens kant og også indholdet af rammen. Værdien er angivet i pixel.

F.eks .: marginbredde = ”10”.

5. marginheight: Attributten er nyttig til at specificere højden på mellemrummet mellem toppen og bunden af ​​rammens kant og også indholdet af rammen. Værdien er angivet i pixel.

F.eks .: marginheight = ”10”.

6. noresize: Denne attribut forhindrer dybest set brugeren i at foretage ændringer i de allerede nuværende rammer. I fravær af denne attribut kan enhver ramme ændres.

F.eks .: noresize = ”noresize”

7. rulle: Denne attribut tager kontrol over udseendet af rullepaneler, der findes på rammen. Værdien enten et 'ja', 'nej' eller 'auto'.

F.eks .: rulle = ”nej” betyder, at det ikke skal have rullebjælker.

8. longdesc: Denne attribut giver dig mulighed for at give et link til en anden side, der indeholder en lang beskrivelse af rammens indhold.

F.eks .: longdesc = ”framedesc.htm”

Rammer og browsersupport

Gamle browsere understøtter ikke rammer, da skal elementer vises for brugeren.

I praksis skal elementet placeres inden i elementet, fordi elementet skal erstatte elementet. Hvis browseren ikke kan forstå elementet, forstår den indholdet af det element, der er indeholdt i elementet.

Det er en dejlig tilgang at sende en besked i sådanne scenarier for den bruger, der bruger gamle browsere. Meddelelser som “Undskyld! Din browser understøtter ikke rammer. ”For at give besked.

Konklusion - Html-rammer

Rammeteknologi understøttes ikke i dag af et stort antal browsere. Mange gange bemærkes det, at indholdet på websiden ikke vises korrekt for mindre enheder. Uanset hvad er det godt at have viden om, hvad der eksisterede, så bedre modeller kunne udvikles til at være kompatible med nye teknologier.

Anbefalede artikler

Dette er en guide til HTML-rammer. Her diskuterer vi de forskellige typer rammer i HTML og typerne af rammetag med rammer og browserstøtte. Du kan også se på den følgende artikel for at lære mere -

  1. Opret tabeller i HTML
  2. HTML-teksteditorer
  3. Versioner af Html
  4. HTML-billedmærker
  5. HTML-blokke
  6. HTML-begivenheder
  7. Top 5 HTML-attributter med eksempler
  8. Indstil en baggrundsfarve i HTML med eksempel