ಇನ್ಲೈನ್ ಫ್ರೇಮ್ಗಳು ನಿಮ್ಮ ಪುಟಗಳಲ್ಲಿ ಬಾಹ್ಯ ಮೂಲಗಳಿಂದ ವಿಷಯವನ್ನು ಸೇರಿಸಲು ಅನುಮತಿಸಿ
ಇನ್ಫ್ರೇಮ್ ಚೌಕಟ್ಟುಗಳು, ಸಾಮಾನ್ಯವಾಗಿ "ಐಫ್ರೇಮ್ಗಳು" ಎಂದು ಉಲ್ಲೇಖಿಸಲ್ಪಡುತ್ತವೆ, HTML5 ನಲ್ಲಿ ಮಾತ್ರ ಅನುಮತಿಸಲಾದ ಫ್ರೇಮ್ಗಳು. ಈ ಚೌಕಟ್ಟುಗಳು ಮೂಲಭೂತವಾಗಿ ನಿಮ್ಮ ಪುಟದ ಒಂದು ಭಾಗವಾಗಿದ್ದು, ನೀವು "ಕತ್ತರಿಸಿ". ನೀವು ಪುಟದಿಂದ ಕತ್ತರಿಸಿದ ಜಾಗದಲ್ಲಿ, ನಂತರ ನೀವು ಬಾಹ್ಯ ವೆಬ್ಪುಟದಲ್ಲಿ ಆಹಾರವನ್ನು ನೀಡಬಹುದು. ಮೂಲಭೂತವಾಗಿ, ನಿಮ್ಮ ವೆಬ್ ಪುಟದೊಳಗೆ ಒಂದು iframe ಮತ್ತೊಂದು ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಹೊಂದಿಸುತ್ತದೆ. Google ಮ್ಯಾಪ್ನಂತಹ ಬಾಹ್ಯ ವಿಷಯವನ್ನು ಅಥವಾ YouTube ನಿಂದ ವೀಡಿಯೊವನ್ನು ಸೇರಿಸುವ ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ಐಫ್ರೇಮ್ಗಳನ್ನು ನೀವು ನೋಡಿರುವಿರಿ.
ಆ ಜನಪ್ರಿಯ ವೆಬ್ಸೈಟ್ಗಳೆರಡೂ ಅವುಗಳ ಎಂಬೆಡ್ ಕೋಡ್ನಲ್ಲಿ ಐಫ್ರೇಮ್ಗಳನ್ನು ಬಳಸುತ್ತವೆ.
IFRAME ಎಲಿಮೆಂಟ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು
ಅಂಶವು HTML5 ಜಾಗತಿಕ ಅಂಶಗಳನ್ನು ಹಾಗೆಯೇ ಹಲವಾರು ಇತರ ಅಂಶಗಳನ್ನು ಬಳಸುತ್ತದೆ. ನಾಲ್ಕು ಸಹ HTML 4.01 ರಲ್ಲಿ ಗುಣಲಕ್ಷಣಗಳು:
- -ಫ್ರೇಮ್ ಮೂಲದ URL
- ವಿಂಡೋದ ಎತ್ತರ
- ವಿಂಡೋದ ಅಗಲ
- ವಿಂಡೋದ ಹೆಸರು
ಮತ್ತು ಮೂರು HTML5 ನಲ್ಲಿ ಹೊಸದಾಗಿವೆ:
- srcdoc- ಚೌಕಟ್ಟಿನ ಮೂಲಕ್ಕಾಗಿ HTML. ಈ ಗುಣಲಕ್ಷಣವು src ಗುಣಲಕ್ಷಣದಲ್ಲಿನ ಯಾವುದೇ URL ಅನ್ನು ಆದ್ಯತೆ ಪಡೆಯುತ್ತದೆ
- ಸ್ಯಾಂಡ್ಬಾಕ್ಸ್-ಫ್ರೇಮ್ ವಿಂಡೋದಲ್ಲಿ ಅನುಮತಿಸಬೇಕಾದ ಅಥವಾ ಅನುಮತಿಸಬೇಕಾದ ವೈಶಿಷ್ಟ್ಯಗಳ ಪಟ್ಟಿ
- ತಡೆರಹಿತ - ಬಳಕೆದಾರರ ಏಜೆಂಟ್ ಅನ್ನು iframe ಅನ್ನು ರೆಂಡರ್ ಮಾಡಬೇಕೆಂದು ಹೇಳುತ್ತದೆ ಅದು ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ನ ಭಾಗವಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ
ಸರಳ iframe ಅನ್ನು ನಿರ್ಮಿಸಲು, ನೀವು ಮೂಲ URL ಮತ್ತು ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಹೊಂದಿಸಿ:
ನಿಮ್ಮ iframe ಸೆಟ್ಟಿಂಗ್ಗಳಿಗೆ ಪಿಕ್ಸೆಲ್ಗಳ ಮೌಲ್ಯಗಳನ್ನು ಬಳಸಬಾರದೆಂದು ನೀವು ಆರಿಸಬಹುದು, ಆದರೆ ಶೇಕಡಾವಾರು ಬಳಸಲು ನಿರ್ಧರಿಸಬಹುದು.
ಒಂದು ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವೆಬ್ಸೈಟ್ ಅನ್ನು ನೀವು ನಿರ್ಮಿಸುತ್ತಿದ್ದರೆ ಅದರ ಗಾತ್ರವನ್ನು ವಿವಿಧ ಪರದೆಯ ಗಾತ್ರಗಳೊಂದಿಗೆ ಬದಲಾಯಿಸಬೇಕು, ಈ ಶೇಕಡಾವಾರುಗಳು ಮುಖ್ಯವಾಗುತ್ತವೆ.
ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ನಲ್ಲಿ ಮಾನ್ಯವಾಗಿರುವ ಕೆಲವು ಲಕ್ಷಣಗಳು ಇವೆ ಆದರೆ HTML5 ನಲ್ಲಿ ಬಳಕೆಯಲ್ಲಿಲ್ಲ. ಹೆಚ್ಚಿನ ವೆಬ್ಸೈಟ್ಗಳು ಇಂದು HTML5 + ಅನ್ನು ಬಳಸುತ್ತಿರುವುದರಿಂದ, ಈ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನೀವು ಬಳಸಲು ಬಯಸುವುದಿಲ್ಲವಾದ್ದರಿಂದ (ಆದರೆ ನೀವು ಕೆಲವು ಪರಂಪರೆಯ ದಾಖಲೆಗಳಲ್ಲಿ ನೋಡಬಹುದು).
- -ಒಂದು ವಿವರಣೆಗೆ ಲಿಂಕ್ ಮಾಡಲು ಎ ಅಂಶವನ್ನು ಬಳಸಿ-ಬದಲಿಗೆ
- ಬದಲಿಗೆ, ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ಆಸ್ತಿ ಬಳಸಿ
- ಅನುಮತಿಸುವ ಪಾರದರ್ಶಕತೆ- ಬದಲಿಗೆ, ಐಫಾಮ್ ಪಾರದರ್ಶಕವಾಗುವಂತೆ ಮಾಡಲು ಸಿಎಸ್ಎಸ್ ಹಿನ್ನೆಲೆ ಆಸ್ತಿ ಬಳಸಿ
- -ಬದಲಿಗೆ ಗಡಿ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ ಬಳಸಿ
- ಮಾರ್ಜಿನ್ಹೈಟ್- ಬದಲಿಗೆ, ಸಿಎಸ್ಎಸ್ ಮಾರ್ಜಿನ್ ಆಸ್ತಿ ಬಳಸಿ
- ಮಾರ್ಜಿನ್ ವಿಡ್ತ್ - ಬದಲಿಗೆ , ಸಿಎಸ್ಎಸ್ ಮಾರ್ಜಿನ್ ಆಸ್ತಿ ಬಳಸಿ
- -ಮೇಲೆ, ಸಿಎಸ್ಎಸ್ ಓವರ್ ಫ್ಲೋ ಆಸ್ತಿ ಬಳಸಿ
IFRAME ಬ್ರೌಸರ್ ಬೆಂಬಲ
ಎಲ್ಲಾ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಿಂದ IFRAME ಅಂಶವು ಬೆಂಬಲಿತವಾಗಿದೆ:
- ಆಂಡ್ರಾಯ್ಡ್
- Chrome
- ಫೈರ್ಫಾಕ್ಸ್
- ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 2 +
- ಐಒಎಸ್ / ಸಫಾರಿ ಮೊಬೈಲ್
- ನೆಟ್ಸ್ಕೇಪ್ 7+
- ಒಪೇರಾ 3 +
- ಸಫಾರಿ
ಮೇಲಿನ ಪಟ್ಟಿಯಲ್ಲಿ ಯಾವುದೇ ಆವೃತ್ತಿ ಸಂಖ್ಯೆಯನ್ನು ತೋರಿಸದಿದ್ದರೆ, ಆ ಬ್ರೌಸರ್ನ ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು ಅದನ್ನು ಬೆಂಬಲಿಸುವ ಕಾರಣ.
ಎಚ್ಚರವಾಗಿರಬೇಕಾದ ವಿಷಯವೆಂದರೆ ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳು ಬೆಂಬಲಿಸಿದರೆ IFRAME ಎಲಿಮೆಂಟ್, ಕೆಲವು HTML5 ವೈಶಿಷ್ಟ್ಯಗಳಿಗೆ ಇನ್ನೂ ಸೀಮಿತ ಬೆಂಬಲವಿದೆ.
- ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಆಫ್ ಮಾಡಲು ಓವರ್ಫ್ಲೋ ಅನ್ನು ಬಳಸುವುದು ವಿಶ್ವಾಸಾರ್ಹವಲ್ಲ. ನಿಮ್ಮ ಐಫ್ರೇಮೇಲ್ಗಳಲ್ಲಿ ಸ್ಕ್ರಾಲ್ಬಾರ್ಗಳನ್ನು ನೀವು ಬಯಸದಿದ್ದರೆ, ನೀವು ಸ್ಕ್ರೋಲಿಂಗ್ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಲು ಮುಂದುವರಿಯಬೇಕು.
- ಈ ಸಮಯದಲ್ಲಿ ಯಾವುದೇ ಬ್ರೌಸರ್ಗಳು srcdoc, sandbox ಮತ್ತು seamless ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.
ಇಫ್ರೇಮ್ಗಳೊಂದಿಗೆ ಲಿಂಕ್ ಮಾಡಲಾಗುತ್ತಿದೆ
ನೀವು ನಿಮ್ಮ ಐಫ್ರೇಮ್ಗಳನ್ನು ಒಂದು ಹೆಸರು ಅಥವಾ ಐಡಿ ನೀಡಿದಾಗ ನೀವು ಆ ಫ್ರೇಮ್ನಲ್ಲಿ ಎ ಅಂಶದ ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ನಿಮ್ಮ ಲಿಂಕ್ಗಳನ್ನು ಸೂಚಿಸಬಹುದು. ನಂತರ, ಬಳಕೆದಾರನು ಲಿಂಕ್ನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಇದು ಪ್ರಸ್ತುತ ವಿಂಡೋಕ್ಕಿಂತ ಹೆಚ್ಚಾಗಿ ಉಲ್ಲೇಖಿಸಿದ iframe ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ.
ನೀವೇ ಪ್ರಯತ್ನಿಸಿ. ವೆಬ್ ಪುಟದಲ್ಲಿ ಕೆಳಗಿನವುಗಳನ್ನು ಟೈಪ್ ಮಾಡಿ:
ಡಾಕ್ಯುಮೆಂಟ್ IFRAME ನಲ್ಲಿ ತೆರೆದಿದ್ದರೆ ಯಾವುದೇ ಗುರಿಗಳನ್ನು ಹೊಂದಿಸದಿದ್ದಲ್ಲಿ, ಆ ಲಿಂಕ್ಗಳು ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ನಂತೆ ಅದೇ iframe ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ.
ಒಂದು ಲಿಂಕ್ ಅನ್ನು ಮಾಡಲು ನೀವು ಈ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬಳಸಬಹುದು IFRAME ಇನ್ನೊಂದು ಪುಟದ ವಿಷಯಗಳನ್ನು IFRAME ಅನ್ನು ಅದೇ ಪುಟದಲ್ಲಿ ಬದಲಾಯಿಸಬಹುದು.
IFrames ಮತ್ತು ಭದ್ರತೆ
IFRAME ಅಂಶವು ಸ್ವತಃ ಅಥವಾ ನಿಮ್ಮ ಓದುಗರಿಗೆ ಸುರಕ್ಷತೆಯ ಅಪಾಯವಲ್ಲ.
ದುರದೃಷ್ಟವಶಾತ್ ಐಫ್ರೇಮ್ಗಳು ಕೆಟ್ಟ ಖ್ಯಾತಿಯನ್ನು ಪಡೆದಿವೆ ಏಕೆಂದರೆ ಯಾಕೆಂದರೆ ಭೇಟಿ ನೀಡುವವರ ಕಂಪ್ಯೂಟರ್ ಅನ್ನು ಪುಟದಲ್ಲಿ ನೋಡುವುದಿಲ್ಲದೇ ವಿಷಯವನ್ನು ಒಳಗೊಳ್ಳುವಂತಹ ದೋಷಪೂರಿತ ವೆಬ್ಸೈಟ್ಗಳಿಂದ ಅವುಗಳನ್ನು ಬಳಸಬಹುದು. ಅದೃಶ್ಯ IFRAME ಮತ್ತು ದುರುದ್ದೇಶಪೂರಿತ ಕೋಡ್ ಆಫ್ ಆ ಲಿಪಿಗಳು ಲಿಂಕ್ ಪಾಯಿಂಟ್ ಹೊಂದಿರುವ ಇದನ್ನು ಮಾಡಲಾಗುತ್ತದೆ. ಬಳಕೆದಾರನು ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಲಿಂಕ್ ಮುರಿಯಲ್ಪಟ್ಟಿದೆ ಎಂದು ಭಾವಿಸಿರುವುದರಿಂದ ಯಾವುದೂ ಸಂಭವಿಸಲಿಲ್ಲ, ಆದರೆ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಅಲ್ಲಿ ಅವರು ನೋಡಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ.
ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಅದೃಶ್ಯ IFRAME ಅನ್ನು ಒಳಗೊಳ್ಳುವ ಕಂಪ್ಯೂಟರ್ ವೈರಸ್ಗಳು ಸಹ ಇವೆ, ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಅನ್ನು ಬೋಟ್ನೆಟ್ಗೆ ಪರಿಣಾಮಕಾರಿಯಾಗಿ ತಿರುಗಿಸುವುದು. SQL ಇಂಜೆಕ್ಷನ್ ಮತ್ತು ಇತರ ದಾಳಿಯ ಮೂಲಕ ಇದನ್ನು ಅವರು ಮಾಡಬಹುದು.
ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ IFRAME ಅನ್ನು ಸೇರಿಸುವಾಗ ನೆನಪಿಡುವ ವಿಷಯವೆಂದರೆ ನಿಮ್ಮ ಬಳಕೆದಾರರಿಗೆ ನೀವು ಲಿಂಕ್ ಮಾಡಲಾದ ಎಲ್ಲ ಸೈಟ್ಗಳ ವಿಷಯದಂತೆ ಸುರಕ್ಷಿತವಾಗಿದೆ. ನೀವು ಸೈಟ್ ಅನ್ನು ನಂಬಲು ಕಾರಣವಾಗಿದ್ದರೆ ನಂಬಲರ್ಹವಲ್ಲ, ಯಾವುದೇ ಶೈಲಿಯಲ್ಲಿ ಅದನ್ನು ಲಿಂಕ್ ಮಾಡಬೇಡಿ ಮತ್ತು ಖಂಡಿತವಾಗಿ ಅದರ ವಿಷಯಗಳನ್ನು IFRAME ನಲ್ಲಿ ಸೇರಿಸಿಕೊಳ್ಳಬೇಡಿ. Iframes ನಲ್ಲಿ ನಿಮ್ಮ ಸ್ವಂತ ಪುಟಗಳಿಗೆ ಲಿಂಕ್ ಮಾಡುವುದರಿಂದ, ನೀವು ಅಥವಾ ನಿಮ್ಮ ಬಳಕೆದಾರರಿಗೆ ಭದ್ರತಾ ಅಪಾಯವನ್ನುಂಟು ಮಾಡುವುದಿಲ್ಲ.
ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಅವರು 11/7/16 ರಂದು ಸಂಪಾದಿಸಿದ್ದಾರೆ