ನೀವು ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳನ್ನು ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಲು ಏಕೆ

ನೆಸ್ಟೆಡ್ ಟೇಬಲ್ಸ್ ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ

ವೆಬ್ ಪುಟಗಳು ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ, ಆದರೆ ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳು ಪ್ರಕ್ರಿಯೆಯನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ. ಹೆಚ್ಚು ಜನರು ಬ್ರಾಡ್ಬ್ಯಾಂಡ್ ಅಥವಾ ಹೆಚ್ಚಿನ-ವೇಗದ ಇಂಟರ್ನೆಟ್ ಅನ್ನು ಬಳಸುತ್ತಾರೆ ಎಂದು ಯಾರಾದರೂ ನಿಮಗೆ ತಿಳಿಸಬೇಡಿ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಪುಟಗಳು ಎಷ್ಟು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತವೆ ಎಂಬುದರ ಕುರಿತು ನೀವು ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ. ವೆಬ್ನಲ್ಲಿನ ವಿಷಯದ ಪ್ರಮಾಣದಲ್ಲಿ, ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುವ ಪುಟ ಅಥವಾ ಸೈಟ್ ತ್ವರಿತವಾಗಿ ಲೋಡ್ ಆಗುವ ಒಂದಕ್ಕಿಂತ ಕಡಿಮೆ ಸಂದರ್ಶಕರನ್ನು ಹೊಂದಲಿದೆ. ವೇಗ ಬಹಳ ಮುಖ್ಯ.

ನೆಸ್ಟೆಡ್ ಟೇಬಲ್ ಎಂದರೇನು?

ಒಂದು ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕವು HTML ಕೋಷ್ಟಕವಾಗಿದ್ದು, ಅದರೊಳಗೆ ಮತ್ತೊಂದು ಕೋಷ್ಟಕವನ್ನು ಹೊಂದಿದೆ. ಉದಾಹರಣೆಗೆ:




ಕಾಲಮ್ 1
ಕಾಲಮ್ 2
ಕಾಲಮ್ 3

ಅಂಕಣ 1




ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕ 1
ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕ 2



ಅಂಕಣ 3

ಅಂಕಣ 1
ಅಂಕಣ 2
ಅಂಕಣ 3

ನೆಸ್ಟೆಡ್ ಟೇಬಲ್ಸ್ ಪುಟಗಳು ನಿಧಾನವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಕಾರಣವಾಗುತ್ತವೆ

ವೆಬ್ ಪುಟದಲ್ಲಿ ಒಂದೇ ಕೋಷ್ಟಕ ಪುಟವನ್ನು ಹೆಚ್ಚು ನಿಧಾನವಾಗಿ ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಕಾರಣವಾಗುವುದಿಲ್ಲ (ಕಾರಣದಲ್ಲಿ). ಆದರೆ ನೀವು ಒಂದು ಕೋಷ್ಟಕವನ್ನು ಮತ್ತೊಂದು ಮೇಜಿನೊಳಗೆ ಹಾಕುವ ಕ್ಷಣ, ಅದು ಬ್ರೌಸರ್ಗೆ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ಪುಟವು ಹೆಚ್ಚು ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ. ಮತ್ತು ನೀವು ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಕೋಷ್ಟಕಗಳನ್ನು ಹೊಂದಿದ್ದೀರಿ, ಪುಟವು ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ.

ಕೋಷ್ಟಕಗಳೊಂದಿಗಿನ ಪುಟವನ್ನು ನೀವು ರಚಿಸಿದಾಗ, ಕೋಷ್ಟಕಗಳಲ್ಲಿರುವ ಕೋಷ್ಟಕಗಳು ನಿಧಾನವಾಗಿ ಪುಟವು ಲೋಡ್ ಆಗುತ್ತವೆ ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡಿ. ಸಾಮಾನ್ಯವಾಗಿ, ಒಂದು ಪುಟ ಲೋಡ್ ಮಾಡುವಾಗ, ಬ್ರೌಸರ್ ಎಚ್ಟಿಎಮ್ಎಲ್ನ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ಮತ್ತು ಪುಟವನ್ನು ಕೆಳಗೆ ಅನುಕ್ರಮವಾಗಿ ಲೋಡ್ ಮಾಡುತ್ತದೆ. ಆದಾಗ್ಯೂ, ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳೊಂದಿಗೆ, ಇದು ಸಂಪೂರ್ಣ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಮೊದಲು ಅದು ಟೇಬಲ್ನ ಅಂತ್ಯವನ್ನು ಕಂಡುಹಿಡಿಯಬೇಕು.

ಲೇಔಟ್ಗಾಗಿ ಕೋಷ್ಟಕಗಳು

ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಲೇಔಟ್ಗಾಗಿ ನೀವು ಕೋಷ್ಟಕಗಳನ್ನು ಬಳಸಬಾರದು. ನೀವು ಯಾವಾಗಲೂ ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳನ್ನು ಬಳಸಬೇಕೆಂಬುದನ್ನು ಅವರು ಯಾವಾಗಲೂ ಅಪೇಕ್ಷಿಸುತ್ತಾರೆ, ಆದ್ದರಿಂದ ಟೇಬಲ್-ಲೇಔಟ್ ವೆಬ್ ಪುಟವು CSS ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಅದೇ ವಿನ್ಯಾಸಕ್ಕಿಂತಲೂ ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ.

ಅಲ್ಲದೆ, ನೀವು ಮಾನ್ಯವಾದ XHTML ಬರೆಯಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದರೆ, ಕೋಷ್ಟಕಗಳನ್ನು ಲೇಔಟ್ಗಾಗಿ ಬಳಸಬಾರದು. ಟೇಬಲ್ಗಳು ವಿನ್ಯಾಸಕ್ಕಾಗಿಲ್ಲ , ಕೋಷ್ಟಕ ಡೇಟಾ (ಉದಾಹರಣೆಗೆ ಸ್ಪ್ರೆಡ್ಶೀಟ್ಗಳು). ಬದಲಾಗಿ, ಲೇಔಟ್ಗಾಗಿ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ನೀವು ಬಳಸಬೇಕು -ಸಿಎಸ್ಎಸ್ ವಿನ್ಯಾಸಗಳು ಬೇಗನೆ ಸಲ್ಲಿಸುತ್ತವೆ ಮತ್ತು ಮಾನ್ಯವಾದ XHTML ಅನ್ನು ನಿರ್ವಹಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ.

ವೇಗವಾದ ಲೋಡ್ ಟೇಬಲ್ಸ್ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗುತ್ತಿದೆ

ನೀವು ಬಹು ಸಾಲುಗಳನ್ನು ಹೊಂದಿರುವ ಕೋಷ್ಟಕವನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಿದಲ್ಲಿ, ನೀವು ಪ್ರತಿ ಸಾಲನ್ನು ಪ್ರತ್ಯೇಕ ಕೋಷ್ಟಕದಲ್ಲಿ ಬರೆಯಿದರೆ ಅದು ಹೆಚ್ಚು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಈ ರೀತಿಯ ಟೇಬಲ್ ಬರೆಯಬಹುದು:




ಮೇಲಿನ ಸಾಲು

ಎಡ ಕಾಲಮ್
ಬಲ ಕಾಲಮ್

ಆದರೆ ನೀವು ಎರಡು ಕೋಷ್ಟಕಗಳಂತೆ ಒಂದೇ ಕೋಷ್ಟಕವನ್ನು ಬರೆದರೆ ಅದು ಹೆಚ್ಚು ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ, ಏಕೆಂದರೆ ಬ್ರೌಸರ್ ಮೊದಲ ಬಾರಿಗೆ ರೆಂಡರ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ನಂತರ ಇಡೀ ಟೇಬಲ್ ಅನ್ನು ಏಕಕಾಲದಲ್ಲಿ ರೆಂಡರ್ ಮಾಡುವುದಕ್ಕಿಂತ ಎರಡನೇ ಸ್ಥಾನವನ್ನು ನೀಡುತ್ತದೆ. ಪ್ರತಿ ಕೋಷ್ಟಕದಲ್ಲಿ ಒಂದೇ ತೆರನಾದ ಅಗಲ ಮತ್ತು ಇತರ ಶೈಲಿಗಳು (ಪ್ಯಾಡಿಂಗ್, ಅಂಚುಗಳು, ಮತ್ತು ಅಂಚುಗಳಂತೆ) ಹೊಂದಿರುವಂತೆ ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಟ್ರಿಕ್ ಆಗಿದೆ.



ಮೇಲಿನ ಸಾಲು




ಎಡ ಕಾಲಮ್
ಬಲ ಕಾಲಮ್

ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳನ್ನು ಒಂದು ಕೋಷ್ಟಕದಲ್ಲಿ ಪರಿವರ್ತಿಸಲಾಗುತ್ತಿದೆ

ಇದು ಎಲ್ಲಾ ಒಳ್ಳೆಯ ಮಾಹಿತಿಯಿದೆ ಎಂದು ನೀವು ಭಾವಿಸಬಹುದು, ಆದರೆ ನೀವು ಹೊಂದಿರುವ ಕೋಷ್ಟಕವನ್ನು ಹೊಂದಿರಬೇಕು . ಇದು ನಿಜವಾಗಿದ್ದರೂ, ನಿಮ್ಮ ಟೇಬಲ್ ಕೋಶಗಳ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸುವ ಮೂಲಕ ನೀವು ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕಗಳನ್ನು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಸಂಕೀರ್ಣ ಏಕ ಕೋಷ್ಟಕಗಳಾಗಿ ಪರಿವರ್ತಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕದಲ್ಲಿ ಮೇಲ್ಭಾಗದಲ್ಲಿ, ನಾನು ಈ ಕೋಷ್ಟಕವನ್ನು ಕೇವಲ ಕೋಲ್ಸಾನ್ ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಪರಿವರ್ತಿಸಬಹುದು:





ಕಾಲಮ್ 1
colspan = "2" > ಅಂಕಣ 2
ಕಾಲಮ್ 3

ಅಂಕಣ 1
ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕ 1
ನೆಸ್ಟೆಡ್ ಕೋಷ್ಟಕ 2
ಅಂಕಣ 3

ಅಂಕಣ 1
colspan = "2" > ಅಂಕಣ 2
ಅಂಕಣ 3

ಈ ಕೋಷ್ಟಕವು ನೆಸ್ಟೆಡ್ ಟೇಬಲ್ಗಿಂತ ಕಡಿಮೆ ಅಕ್ಷರಗಳನ್ನು ಬಳಸುವುದರ ಪ್ರಯೋಜನವನ್ನು ಹೊಂದಿದೆ, ಇದರಿಂದಾಗಿ ಅದು ವೇಗವಾಗಿ ಡೌನ್ಲೋಡ್ ಆಗುತ್ತದೆ.