Skip to main content

ఎలా మరియు ఎప్పుడు ఐఫ్రేమ్లను ఉపయోగించండి (ఇన్లైన్ ఫ్రేమ్లు)

Anonim

ఇన్లైన్ ఫ్రేమ్లు, సాధారణంగా "ఐఫ్రేమ్స్" గా సూచించబడతాయి, HTML5 లో అనుమతించబడిన ఫ్రేమ్ రకం మాత్రమే. ఈ ఫ్రేమ్లు మీ పేజీ యొక్క విభాగం, మీరు "కత్తిరించే". మీరు పేజీ నుండి కత్తిరించిన ప్రదేశంలో, మీరు బయటి వెబ్పేజీలో ఫీడ్ చేయవచ్చు. సారాంశంలో, ఒక iframe మీ వెబ్ పేజీ లోపల సెట్ మరొక బ్రౌజర్ విండో. మీరు గూగుల్ మ్యాప్ లేదా YouTube నుండి వీడియో వంటి బాహ్య కంటెంట్ను కలిగి ఉండే వెబ్సైట్ల్లో సాధారణంగా ఐఫ్రేమ్లను ఉపయోగించడం చూస్తారు. ఆ ప్రజాదరణ పొందిన వెబ్ సైట్లు ఇద్దరూ తమ పొందుపరిచిన కోడ్లో ఐఫ్రేమ్లను ఉపయోగిస్తాయి.

IFRAME ఎలిమెంట్ ను ఎలా ఉపయోగించాలి

మూలకం HTML5 గ్లోబల్ ఎలిమెంట్లను అలాగే పలు ఇతర అంశాలను ఉపయోగిస్తుంది. నాలుగు HTML 4.01 లో కూడా లక్షణాలను కలిగి ఉన్నాయి:

  • ఫ్రేమ్ మూలం కోసం URL
  • - విండో యొక్క ఎత్తు
  • విండో యొక్క వెడల్పు
  • విండో పేరు

మరియు మూడు కొత్తవి కొత్తవి:

  • srcdocఫ్రేమ్ మూలం కోసం HTML. ఏవైనా URL లో ఈ లక్షణం ప్రాధాన్యతనిస్తుంది src గుణం
  • sandboxఫ్రేమ్ విండోలో అనుమతించబడే లేదా అనుమతించబడని లక్షణాల జాబితా
  • అతుకులు-ఇది iframe యూజర్ పేజి అని గుర్తుతెలియని పేరెంట్ డాక్యుమెంట్లో భాగంగా ఉంటుంది

సాధారణ iframe నిర్మించడానికి, మీరు మూలం URL మరియు వెడల్పు మరియు ఎత్తు సెట్:

మీ ఐఫ్రేమ్ యొక్క సెట్టింగుల కోసం పిక్సెల్ విలువలు ఉపయోగించకూడదని మీరు ఎంచుకోవచ్చని గమనించండి, కానీ బదులుగా శాతాన్ని ఉపయోగించవచ్చని నిర్ణయించుకుంటారు. మీరు ఒక ప్రతిస్పందించే వెబ్ సైట్ ను నిర్మిస్తున్నారు ఉంటే, దీని పరిమాణాన్ని వివిధ తెర పరిమాణాలతో మార్చాలి, ఈ శాతాలు ముఖ్యమైనవి.

HTML 4.01 లో చెల్లుబాటు అయ్యే కొన్ని లక్షణాలు ఉన్నప్పటికీ, HTML5 లో వాడుకలో ఉన్నాయి. నేడు చాలా వెబ్సైట్లు HTML5 + ను ఉపయోగిస్తున్నందున, ఈ లక్షణాలను మీరు ఉపయోగించకూడదనుకుంటున్నది (కానీ మీరు కొన్ని లెగసీ పత్రాల్లో చూడవచ్చు).

  • - బదులుగా, ఒక ఉపయోగించండి ఒక వివరణకు లింక్ చేయడానికి మూలకం
  • - బదులుగా, CSS ను ఉపయోగించండి ఫ్లోట్ ఆస్తి
  • allowtransparency- బదులుగా, CSS ను ఉపయోగించండి నేపథ్య ifram పారదర్శకంగా చేయడానికి ఆస్తి
  • - బదులుగా ఉపయోగించండి సరిహద్దు CSS ఆస్తి
  • marginheight- బదులుగా, CSS ను ఉపయోగించండి మార్జిన్ ఆస్తి
  • marginwidth- బదులుగా, CSS ను ఉపయోగించండి మార్జిన్ ఆస్తి
  • - బదులుగా, CSS ను ఉపయోగించండి ఓవర్ఫ్లో ఆస్తి

IFRAME బ్రౌజర్ మద్దతు

ది IFRAME మూలకం అన్ని ఆధునిక బ్రౌజర్లు మద్దతు:

  • Android
  • Chrome
  • ఫైర్ఫాక్స్
  • ఇంటర్నెట్ ఎక్స్ప్లోరర్ 2+
  • iOS / సఫారి మొబైల్
  • నెట్స్కేప్ 7+
  • Opera 3+
  • సఫారి

ఎగువ జాబితాలో సంస్కరణ సంఖ్య ఏదీ చూపబడకపోతే, ఆ బ్రౌజర్ యొక్క అన్ని వెర్షన్లు దీనికి మద్దతిస్తాయి.

గుర్తుంచుకోండి ఒక విషయం అన్ని బ్రౌజర్లు మద్దతు అయితే IFRAME మూలకం, కొన్ని HTML5 లక్షణాలకు ఇప్పటికీ పరిమిత మద్దతు ఉంది.

  • ఉపయోగించి ఓవర్ఫ్లో స్క్రోలింగ్ను ఆపివేయడం నమ్మదగినది కాదు. మీరు మీ ఐఫ్రేమ్లో స్క్రోల్బార్లను కోరుకోకపోతే, మీరు ఉపయోగించడం కొనసాగించాలి స్క్రోలింగ్ గుణం.
  • ది srcdoc, sandbox, మరియు అతుకులు ఏ సమయంలోనైనా బ్రౌసర్ల ద్వారా లక్షణాలకు మద్దతు లేదు.

ఐఫ్రేమ్తో జతచేయడం

మీరు మీ ఐఫ్రేమ్లను ఇచ్చినప్పుడు a పేరు లేదా ఐడి అప్పుడు మీరు మీ లింకులను ఆ ఫ్రేమ్తో ఆ లక్షణంతో సూచించవచ్చు ఒక మూలకం. అప్పుడు, ఒక వినియోగదారు లింక్పై క్లిక్ చేసినప్పుడు, ఇది ప్రస్తుత విండో కంటే ప్రస్తావించబడిన iframe లోపల తెరవబడుతుంది.

మీరే ప్రయత్నించండి. క్రింది వెబ్ పేజీలో టైప్ చేయండి:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" ఎత్తు = "200px" వెడల్పు = "500px">

ఇది నా iframe

మీరు ఈ లింకుపై క్లిక్ చేసినప్పుడు, ఎగువ విండోలో క్రొత్త పత్రాన్ని తెరుస్తారు.

పత్రం తెరిస్తే IFRAME ఏ లక్ష్యాలను సెట్ చేయలేదు, అప్పుడు ఆ లింక్లు ఒకే పేరెంట్ పత్రంలో ఒకే iframe లో తెరవబడతాయి.

మీరు ఒక లింక్లను చేయడానికి ఈ లక్షణాన్ని ఉపయోగించవచ్చు IFRAME మరొక విషయాలను మార్చండి IFRAME ఒకే పేజీలో.

IFrames మరియు సెక్యూరిటీ

ది IFRAME మూలకం, స్వయంగా, మీకు లేదా మీ పాఠకులకు భద్రత ప్రమాదం కాదు. దురదృష్టవశాత్తు iframes చెడ్డ కీర్తి సంపాదించిన ఎందుకంటే వారు వాటిని పేజీలో చూసిన లేకుండా ఒక సందర్శకుల కంప్యూటర్ సోకుతాయి కంటెంట్ చేర్చడానికి హానికరమైన వెబ్సైట్ల ద్వారా ఉపయోగించవచ్చు. ఇది అదృశ్యంగా లింక్ లను కలిగి ఉంటుంది IFRAME మరియు ఆ స్క్రిప్ట్స్ హానికరమైన కోడ్ సెట్. వినియోగదారు లింక్ను క్లిక్ చేసి, ఏదీ కనిపించడం లేనందున ఆ లింక్ విరిగిపోతుందని భావిస్తుంది, కానీ వారు చూడలేని స్క్రిప్ట్ సెట్ చేయబడి ఉంది.

ఒక అదృశ్య ఇంజెక్ట్ చేసే కంప్యూటర్ వైరస్లు కూడా ఉన్నాయి IFRAME మీ వెబ్ పేజీలలో, సమర్థవంతంగా మీ వెబ్సైట్ను ఒక బోట్నెట్గా మార్చడం. వారు SQL ఇంజెక్షన్ మరియు ఇతర దాడుల ద్వారా దీన్ని చెయ్యవచ్చు.

ఒక సహా ఉన్నప్పుడు గుర్తుంచుకోవడానికి విషయం IFRAME మీ వెబ్ పేజీలో మీ యూజర్లు మీరు లింక్ చేసిన అన్ని సైట్ల కంటెంట్గా సురక్షితంగా ఉంటారు. ఒక సైట్ అస్పష్టంగా ఉందని మీరు భావిస్తే, దానికి ఏ విధంగానైనా లింక్ చేయవద్దు మరియు చాలా ఖచ్చితంగా దాని కంటెంట్లను IFRAME. ఐఫ్రేమ్లోనే మీ సొంత పేజీలకు లింకింగ్, అయితే, మీకు లేదా మీ వినియోగదారులకు భద్రత ప్రమాదం లేదు.

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చేత 11/7/16 న సవరించబడింది