ಇನ್ಲೈನ್, ಎಂಬೆಡೆಡ್ ಮತ್ತು ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳು: ನಿಮಗೆ ತಿಳಿಯಬೇಕಾದದ್ದು ಇಲ್ಲಿದೆ
ಮುಂಭಾಗದ ಕೊನೆಯಲ್ಲಿ ವೆಬ್ಸೈಟ್ ಅಭಿವೃದ್ಧಿ ಸಾಮಾನ್ಯವಾಗಿ 3 ಕಾಲಿನ ಸ್ಟೂಲ್ ಎಂದು ನಿರೂಪಿಸಲಾಗಿದೆ. ಈ ಕಾಲುಗಳು ಕೆಳಕಂಡಂತಿವೆ:
- ಸೈಟ್ನ ರಚನೆಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ;
- ದೃಶ್ಯ ಶೈಲಿಗಳಿಗಾಗಿ ಸಿಎಸ್ಎಸ್ ;
- ನಡವಳಿಕೆಗಳಿಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್.
ಈ ಸ್ಟೂಲ್ನ ಎರಡನೇ ಲೆಗ್, ಸಿಎಸ್ಎಸ್ ಅಥವಾ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್, ನಾವು ಇಂದು ಇಲ್ಲಿ ನೋಡುತ್ತಿದ್ದೇವೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ, ನೀವು ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಸೇರಿಸಬಹುದಾದ 3 ವಿಧದ ಶೈಲಿಗಳನ್ನು ಪರಿಹರಿಸಲು ನಾವು ಬಯಸುತ್ತೇವೆ.
- ಇನ್ಲೈನ್ ಶೈಲಿಗಳು
- ಎಂಬೆಡೆಡ್ ಶೈಲಿಗಳು
- ಬಾಹ್ಯ ಶೈಲಿಗಳು
ಈ ರೀತಿಯ ಪ್ರತಿಯೊಂದು CSS ಶೈಲಿಗಳು ತಮ್ಮ ಪ್ರಯೋಜನಗಳನ್ನು ಮತ್ತು ನ್ಯೂನತೆಗಳನ್ನು ಹೊಂದಿವೆ, ಆದ್ದರಿಂದ ಪ್ರತಿಯೊಂದನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ನೋಡೋಣ.
ಇನ್ಲೈನ್ ಸ್ಟೈಲ್ಸ್
ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಎಚ್ಟಿಎಮ್ಎಲ್ ದಸ್ತಾವೇಜುಗಳಲ್ಲಿನ ಟ್ಯಾಗ್ನಲ್ಲಿ ನೇರವಾಗಿ ಬರೆಯಲ್ಪಟ್ಟ ಶೈಲಿಗಳಾಗಿವೆ. ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಅವರು ಅನ್ವಯಿಸಿದ ನಿರ್ದಿಷ್ಟ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾತ್ರ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ. ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಲಿಂಕ್ ಅಥವಾ ಆಂಕರ್, ಟ್ಯಾಗ್ಗೆ ಅನ್ವಯಿಸಲಾದ ಇನ್ಲೈನ್ ಶೈಲಿಯ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:
ಈ ಸಿಎಸ್ಎಸ್ ನಿಯಮವು ಈ ಲಿಂಕ್ನ ಪ್ರಮಾಣಿತ ಅಂಡರ್ಲೈನ್ ಪಠ್ಯ ಅಲಂಕಾರವನ್ನು ಆಫ್ ಮಾಡುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಪುಟದಲ್ಲಿ ಬೇರಾವುದೇ ಲಿಂಕ್ ಅನ್ನು ಬದಲಾಯಿಸುವುದಿಲ್ಲ. ಇದು ಇನ್ಲೈನ್ ಶೈಲಿಗಳ ಮಿತಿಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಅವರು ನಿರ್ದಿಷ್ಟ ಐಟಂನಲ್ಲಿ ಮಾತ್ರ ಬದಲಾವಣೆ ಮಾಡುತ್ತಿರುವುದರಿಂದ, ನಿಜವಾದ ಪುಟ ವಿನ್ಯಾಸವನ್ನು ಸಾಧಿಸಲು ನೀವು ಈ ಶೈಲಿಗಳೊಂದಿಗೆ ನಿಮ್ಮ HTML ಅನ್ನು ಕಸವನ್ನು ಮಾಡಬೇಕಾಗುತ್ತದೆ. ಅದು ಉತ್ತಮ ಅಭ್ಯಾಸವಲ್ಲ. ವಾಸ್ತವವಾಗಿ, ಇದು "ಫಾಂಟ್" ಟ್ಯಾಗ್ಗಳ ದಿನಗಳ ಮತ್ತು ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ರಚನೆ ಮತ್ತು ಶೈಲಿಗಳ ಮಿಶ್ರಣದಿಂದ ತೆಗೆದುಹಾಕಲ್ಪಟ್ಟ ಒಂದು ಹಂತವಾಗಿದೆ.
ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಕೂಡ ಹೆಚ್ಚಿನ ನಿರ್ದಿಷ್ಟತೆಯನ್ನು ಹೊಂದಿವೆ.
ಇದು ಇತರ, ಇನ್ ಲೈನ್ ಶೈಲಿಗಳೊಂದಿಗೆ ಬದಲಿಸಲು ಅವರಿಗೆ ತುಂಬಾ ಕಠಿಣವಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಸೈಟ್ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಮಾಡಲು ಬಯಸಿದರೆ ಮತ್ತು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಅಂಶವು ಕೆಲವು ಬ್ರೇಕ್ಪಾಯಿಂಟ್ಗಳನ್ನು ಹೇಗೆ ನೋಡುತ್ತದೆ ಎಂಬುದನ್ನು ಬದಲಿಸಿದರೆ, ಅಂಶದಲ್ಲಿನ ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಇದನ್ನು ಮಾಡಲು ತುಂಬಾ ಕಷ್ಟವಾಗಿಸುತ್ತದೆ.
ಅಂತಿಮವಾಗಿ, ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ತುಂಬಾ ಕಡಿಮೆಯಾಗಿ ಬಳಸಿದಾಗ ನಿಜವಾಗಿಯೂ ಸೂಕ್ತವಾಗಿದೆ.
ವಾಸ್ತವವಾಗಿ, ನಾನು ನನ್ನ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಇನ್ಲೈನ್ ಶೈಲಿಗಳನ್ನು ವಿರಳವಾಗಿ ಬಳಸುತ್ತಿದ್ದೇನೆ.
ಎಂಬೆಡೆಡ್ ಸ್ಟೈಲ್ಸ್
ಎಂಬೆಡೆಡ್ ಶೈಲಿಗಳು ಡಾಕ್ಯುಮೆಂಟ್ನ ಮುಖ್ಯಸ್ಥೆಯಲ್ಲಿ ಅಳವಡಿಸಲಾಗಿರುವ ಶೈಲಿಗಳಾಗಿವೆ. ಎಂಬೆಡೆಡ್ ಶೈಲಿಗಳು ಅವುಗಳಲ್ಲಿ ಹುದುಗಿರುವ ಪುಟದ ಟ್ಯಾಗ್ಗಳನ್ನು ಮಾತ್ರ ಪರಿಣಾಮಿಸುತ್ತವೆ. ಮತ್ತೊಮ್ಮೆ, ಈ ವಿಧಾನವು ಸಿಎಸ್ಎಸ್ ನ ಸಾಮರ್ಥ್ಯಗಳಲ್ಲಿ ಒಂದನ್ನು ನಿರಾಕರಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಪುಟವು ಶೈಲಿಗಳನ್ನು ಹೊಂದಿರುತ್ತದೆ
, ನೀವು ಸಿಟ್ವೈಡ್ ಬದಲಾವಣೆಯನ್ನು ಮಾಡಲು ಬಯಸಿದರೆ, ಕೆಂಪು ಬಣ್ಣದಿಂದ ಹಸಿರು ಬಣ್ಣಗಳನ್ನು ಬದಲಾಯಿಸುವುದರಿಂದ, ಪ್ರತಿ ಪುಟದಲ್ಲಿ ಈ ಬದಲಾವಣೆಯನ್ನು ನೀವು ಮಾಡಬೇಕಾಗುತ್ತದೆ, ಏಕೆಂದರೆ ಪ್ರತಿ ಪುಟವು ಎಂಬೆಡೆಡ್ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಬಳಸುತ್ತದೆ. ಇದು ಇನ್ಲೈನ್ ಶೈಲಿಗಳಿಗಿಂತ ಉತ್ತಮವಾಗಿರುತ್ತದೆ, ಆದರೆ ಅನೇಕ ಸಂದರ್ಭಗಳಲ್ಲಿ ಇನ್ನೂ ಸಮಸ್ಯಾತ್ಮಕವಾಗಿದೆ.
ಸ್ಟೈಲ್ಶೀಟ್ಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ
ಡಾಕ್ಯುಮೆಂಟ್ನ ಆ ಪುಟಕ್ಕೆ ಗಮನಾರ್ಹವಾದ ಮಾರ್ಕ್ಅಪ್ ಕೋಡ್ ಅನ್ನು ಕೂಡ ಸೇರಿಸುತ್ತದೆ, ಅದು ಭವಿಷ್ಯದಲ್ಲಿ ನಿರ್ವಹಿಸಲು ಪುಟವನ್ನು ಇನ್ನಷ್ಟು ಕಷ್ಟಪಡಿಸಬಹುದು.
ಎಂಬೆಡೆಡ್ ಸ್ಟೈಲ್ ಹಾಳೆಗಳ ಪ್ರಯೋಜನವೆಂದರೆ ಇತರ ಬಾಹ್ಯ ಫೈಲ್ಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ಅಗತ್ಯವಿರುವ ಬದಲು ಪುಟವನ್ನು ತಕ್ಷಣವೇ ಲೋಡ್ ಮಾಡುತ್ತದೆ. ಇದು ಡೌನ್ಲೋಡ್ ವೇಗ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯ ದೃಷ್ಟಿಕೋನದಿಂದ ಪ್ರಯೋಜನವಾಗಬಹುದು.
ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್
ಇಂದು ಹೆಚ್ಚಿನ ವೆಬ್ಸೈಟ್ಗಳು ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳನ್ನು ಬಳಸುತ್ತವೆ. ಬಾಹ್ಯ ಶೈಲಿಗಳು ಪ್ರತ್ಯೇಕ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಬರೆಯಲ್ಪಟ್ಟ ಶೈಲಿಗಳು ಮತ್ತು ನಂತರ ವಿವಿಧ ವೆಬ್ ಡಾಕ್ಯುಮೆಂಟ್ಗಳಿಗೆ ಜೋಡಿಸಲ್ಪಟ್ಟಿರುತ್ತವೆ. ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳು ಅವರು ಲಗತ್ತಿಸಲಾದ ಯಾವುದೇ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ, ಅಂದರೆ ನೀವು ಪ್ರತಿ ಪುಟವು ಅದೇ ಶೈಲಿಯ ಶೀಟ್ ಅನ್ನು ಬಳಸಿಕೊಳ್ಳುವ 20-ಪುಟಗಳ ವೆಬ್ಸೈಟ್ ಅನ್ನು ಹೊಂದಿದ್ದರೆ (ಇದು ಸಾಮಾನ್ಯವಾಗಿ ಹೇಗೆ ಮಾಡಲಾಗುತ್ತದೆ), ನೀವು ಪ್ರತಿಯೊಬ್ಬರಿಗೂ ಒಂದು ದೃಶ್ಯ ಬದಲಾವಣೆ ಮಾಡಬಹುದು ಆ ಪುಟಗಳ ಸರಳವಾಗಿ ಆ ಶೈಲಿಯ ಹಾಳೆ ಸಂಪಾದಿಸಿ.
ಇದು ದೀರ್ಘಕಾಲೀನ ಸೈಟ್ ನಿರ್ವಹಣೆಗೆ ಸುಲಭವಾಗುತ್ತದೆ.
ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳಿಗೆ ತೊಂದರೆಯು ಈ ಬಾಹ್ಯ ಫೈಲ್ಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಲು ಮತ್ತು ಲೋಡ್ ಮಾಡಲು ಪುಟಗಳು ಅಗತ್ಯವಿರುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಪುಟವೂ CSS ಶೈಲಿಯಲ್ಲಿ ಪ್ರತಿ ಶೈಲಿಯನ್ನು ಬಳಸುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ಅನೇಕ ಪುಟಗಳು ನಿಜವಾಗಿಯೂ ಅಗತ್ಯವಿರುವ ದೊಡ್ಡ CSS ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡುತ್ತವೆ.
ಬಾಹ್ಯ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳಿಗೆ ಒಂದು ಪ್ರದರ್ಶನದ ಹಿಟ್ ಇದೆ ಎಂದು ನಿಜವಾಗಿದ್ದರೂ, ಅದನ್ನು ಖಂಡಿತವಾಗಿ ಕಡಿಮೆ ಮಾಡಬಹುದು. ವಾಸ್ತವಿಕವಾಗಿ, ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳು ಕೇವಲ ಪಠ್ಯ ಫೈಲ್ಗಳಾಗಿರುತ್ತವೆ, ಆದ್ದರಿಂದ ಅವು ಸಾಮಾನ್ಯವಾಗಿ ಪ್ರಾರಂಭಗೊಳ್ಳಲು ಬಹಳ ದೊಡ್ಡವರಾಗಿರುವುದಿಲ್ಲ. ನಿಮ್ಮ ಸಂಪೂರ್ಣ ಸೈಟ್ 1 ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ಅನ್ನು ಬಳಸಿದರೆ, ಆರಂಭದಲ್ಲಿ ಲೋಡ್ ಮಾಡಿದ ನಂತರ ನೀವು ಸಂಗ್ರಹಿಸಿದ ಡಾಕ್ಯುಮೆಂಟ್ನ ಪ್ರಯೋಜನವನ್ನು ಸಹ ಪಡೆಯುತ್ತೀರಿ.
ಇದರರ್ಥ ಮೊದಲ ಪುಟದಲ್ಲಿ ಕೆಲವು ಭೇಟಿಗಳು ಸ್ವಲ್ಪಮಟ್ಟಿನ ಸಾಧನೆಯಾಗುವ ಸಾಧ್ಯತೆಯಿದೆ, ಆದರೆ ನಂತರದ ಪುಟಗಳು ಸಂಗ್ರಹಿಸಿದ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ಅನ್ನು ಬಳಸುತ್ತವೆ, ಆದ್ದರಿಂದ ಯಾವುದೇ ಹಿಟ್ ಅನ್ನು ನಿರಾಕರಿಸಲಾಗುತ್ತದೆ. ನನ್ನ ಎಲ್ಲ ವೆಬ್ಪುಟಗಳನ್ನು ನಾನು ಹೇಗೆ ನಿರ್ಮಿಸುತ್ತೇನೆ ಎಂಬುದು ಬಾಹ್ಯ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳು.