iframe ಪೂರ್ಣ ಪುಟವನ್ನು ಬಳಸುವ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ, iframe ನಲ್ಲಿನ ಲಿಂಕ್ ಅನ್ನು ಬಳಕೆದಾರರು ಕ್ಲಿಕ್ ಮಾಡುವವರೆಗೆ iframe ನ ವಿಷಯವು ಲೋಡ್ ಆಗುವುದಿಲ್ಲ. ಇದು ಪುಟ ಲೋಡಿಂಗ್ ಸಮಯವನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ಬಳಕೆದಾರರಿಗೆ ಗೊಂದಲವನ್ನು ಉಂಟುಮಾಡಬಹುದು.
<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>
ಮೇಲಿನ ಕೋಡ್ ಲೈನ್ ಐಫ್ರೇಮ್ ಅಥವಾ ಇನ್ಲೈನ್ ಫ್ರೇಮ್ ಅನ್ನು ರಚಿಸುತ್ತದೆ. ಪ್ರಸ್ತುತ HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಮತ್ತೊಂದು ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಎಂಬೆಡ್ ಮಾಡಲು iframe ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
src ಗುಣಲಕ್ಷಣವು ಎಂಬೆಡ್ ಮಾಡಬೇಕಾದ ಡಾಕ್ಯುಮೆಂಟ್ನ URL ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
ಅಗಲ ಮತ್ತು ಎತ್ತರದ ಗುಣಲಕ್ಷಣಗಳು iframe ನ ಗಾತ್ರವನ್ನು ಸೂಚಿಸುತ್ತವೆ. ಗಾತ್ರವನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ, ಆದರೆ ಅದನ್ನು ಒಳಗೊಂಡಿರುವ ಅಂಶದ ಗಾತ್ರದ ಶೇಕಡಾವಾರು ಎಂದು ಸಹ ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು.
ಈ ಸಂದರ್ಭದಲ್ಲಿ, iframe ಅದರ ಒಳಗೊಂಡಿರುವ ಅಂಶದ ಅಗಲ ಮತ್ತು ಎತ್ತರದ 100% ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.
ಐಫ್ರೇಮ್ ಎಂದರೇನು
?
ಐಫ್ರೇಮ್ ಎನ್ನುವುದು ಒಂದು ರೀತಿಯ ಇನ್ಲೈನ್ ಫ್ರೇಮ್ ಆಗಿದ್ದು ಅದು ವೆಬ್ ಪುಟಗಳನ್ನು ತಮ್ಮೊಳಗೆ ಇತರ ವೆಬ್ ಪುಟಗಳನ್ನು ಎಂಬೆಡ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಇತರ ವೆಬ್ಸೈಟ್ಗಳಿಂದ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸಲು iframes ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಅವುಗಳು ಎಂಬೆಡ್ ಮಾಡಲಾದ ಪುಟವನ್ನು ಬಿಡದೆಯೇ.
iframe ಗುಣಲಕ್ಷಣಗಳು
iframe ಅನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಲು HTML ನಲ್ಲಿನ iframe ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಬಹುದು.
iframes ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಸಲಹೆಗಳು
HTML ನಲ್ಲಿ iframes ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವಾಗ ನೆನಪಿನಲ್ಲಿಡಬೇಕಾದ ಕೆಲವು ವಿಷಯಗಳಿವೆ. ಮೊದಲಿಗೆ, iframe ನ URL ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಯಾವಾಗಲೂ src ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿ. ಎರಡನೆಯದಾಗಿ, ನಿಮ್ಮ iframe ಅನ್ನು ಸರಿಯಾಗಿ a ದಲ್ಲಿ ಸುತ್ತಿಡಲಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ
iframes ಅನಾನುಕೂಲಗಳು
HTML ನಲ್ಲಿ iframes ಅನ್ನು ಬಳಸುವುದರಿಂದ ಕೆಲವು ಅನಾನುಕೂಲತೆಗಳಿವೆ. ಮೊದಲನೆಯದಾಗಿ, ಅವರು ಭದ್ರತಾ ಅಪಾಯವಾಗಿರಬಹುದು ಏಕೆಂದರೆ ಆಕ್ರಮಣಕಾರರು iframe ನ ವಿಷಯಕ್ಕೆ ಪ್ರವೇಶವನ್ನು ಪಡೆದರೆ, ಅವರು ದುರುದ್ದೇಶಪೂರಿತ ಕೋಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಬ್ರೌಸರ್ ಅಥವಾ ಪುಟದಲ್ಲಿನ ದೋಷಗಳನ್ನು ಸಮರ್ಥವಾಗಿ ಬಳಸಿಕೊಳ್ಳಬಹುದು. ಹೆಚ್ಚುವರಿಯಾಗಿ, iframes ಪುಟ ಲೋಡ್ ಮಾಡುವ ಸಮಯವನ್ನು ನಿಧಾನಗೊಳಿಸಬಹುದು ಮತ್ತು ಪುಟ ನ್ಯಾವಿಗೇಶನ್ನಲ್ಲಿ ಹಸ್ತಕ್ಷೇಪ ಮಾಡಬಹುದು.
- ಪರಿಹರಿಸಲಾಗಿದೆ: _ html ನಲ್ಲಿ ಖಾಲಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: ರಿಮೋಟ್ ಮೂಲದಿಂದ html ಚಿತ್ರವನ್ನು ಸೇರಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ನಲ್ಲಿ ಜಾಗವನ್ನು ಸೇರಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ನಲ್ಲಿ ಫೆವಿಕಾನ್ ಸೇರಿಸಲಾಗುತ್ತಿದೆ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಪಠ್ಯವನ್ನು ಬಲಕ್ಕೆ ಜೋಡಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಸ್ವಯಂ ನವೀಕರಣ ಹಕ್ಕುಸ್ವಾಮ್ಯ ವರ್ಷ html
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಸ್ವಯಂಪ್ಲೇ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ iphone
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಸ್ವಯಂ ಮರುನಿರ್ದೇಶನ html
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಹಿನ್ನೆಲೆ ಚಿತ್ರ ಪರದೆಗೆ ಸರಿಹೊಂದುತ್ತದೆ
- ಪರಿಹರಿಸಲಾಗಿದೆ: base64 ಇಮೇಜ್ html ಉದಾಹರಣೆ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ದೇಹದ ಪೂರ್ಣ ಎತ್ತರ
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಬಟನ್ html href
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಕೇಂದ್ರ ಬಟನ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಕೇಂದ್ರ p html
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಕೇಂದ್ರ YouTube ವೀಡಿಯೊ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಬದಲಾವಣೆ ಪ್ಲೇಯರ್ ವೇಗ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ವ್ಯೂಪೋರ್ಟ್ ಅನ್ನು ಸ್ಮಾರ್ಟ್ಫೋನ್ ಗಾತ್ರಕ್ಕೆ ಬದಲಾಯಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಅಕ್ಷರ ಟ್ಯಾಬ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಹಕ್ಕುಸ್ವಾಮ್ಯ ಅಡಿಟಿಪ್ಪಣಿ html ಕೋಡ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: mailto ಲಿಂಕ್ html ಅನ್ನು ರಚಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಡ್ಯಾಶ್ ಕೋಡ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಡೇಟಾಲಿಸ್ಟ್ html
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ವಿವರಣೆ ಟ್ಯಾಗ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಹೆಸರು ಮತ್ತು ಐಡಿ html ನಡುವಿನ ವ್ಯತ್ಯಾಸ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಪಠ್ಯ ಪೆಟ್ಟಿಗೆ ಸಂಪಾದನೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ ನಮೂದಿಸಿ ಸಲ್ಲಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಫಾರ್ಮ್ ಇನ್ಪುಟ್ ಸ್ವಯಂಪೂರ್ಣ ಸ್ವಯಂತುಂಬುವಿಕೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಕಾಗುಣಿತ ಪರಿಶೀಲನೆಯನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಡಾಟ್ ಚಿಹ್ನೆ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ನಲ್ಲಿ ಡ್ರಾಪ್ಡೌನ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಇಮೇಲ್ ಲಿಂಕ್ಗಳು
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಖಾಲಿ ಅಕ್ಷರ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಘಟಕದ ಆಂಪರ್ಸಂಡ್ ಮತ್ತು
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಘಟಕದ ಉಲ್ಲೇಖ
- ಪರಿಹರಿಸಲಾಗಿದೆ: fa fa ಇಮೇಲ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಫೇಸ್ಬುಕ್ ಮೆಟಾ ಟ್ಯಾಗ್ಗಳು
- ಪರಿಹರಿಸಲಾಗಿದೆ: fafa ಲಾಗಿನ್ ಐಕಾನ್ಗಳು html ಕೋಡ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಪುಟಕ್ಕಾಗಿ ಫೆವಿಕಾನ್
- ಪರಿಹರಿಸಲಾಗಿದೆ: ಫೆವಿಕಾನ್ ಮೆಟಾ
- ಪರಿಹರಿಸಲಾಗಿದೆ: html ಫೆವಿಕಾನ್ ಟ್ಯಾಗ್
HTML ಮತ್ತು HTML5 ಬಗ್ಗೆ ನಮಗೆ ಎಲ್ಲವೂ ತಿಳಿದಿದೆ. WWW ನ ಆಧಾರವಾಗಿರುವ ಈ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆಯ ಎಲ್ಲಾ ಅನುಮಾನಗಳು ಮತ್ತು ಸಮಸ್ಯೆಗಳನ್ನು ನಾವು ಪರಿಹರಿಸುತ್ತೇವೆ