ಸಿಎಸ್ಎಸ್ ಜೊತೆ ಫ್ಯಾನ್ಸಿ ಶೀರ್ಷಿಕೆಗಳು ಮಾಡಿ

ಹೆಡ್ಲೈನ್ಸ್ ಅಲಂಕರಿಸಲು ಫಾಂಟ್ಗಳು, ಬಾರ್ಡರ್ಸ್, ಮತ್ತು ಇಮೇಜ್ಗಳನ್ನು ಬಳಸಿ

ಹೆಚ್ಚಿನ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಮುಖ್ಯಾಂಶಗಳು ಸಾಮಾನ್ಯವಾಗಿದೆ. ವಾಸ್ತವವಾಗಿ, ಅತ್ಯಧಿಕವಾಗಿ ಯಾವುದೇ ಪಠ್ಯ ದಸ್ತಾವೇಜು ಕನಿಷ್ಠ ಒಂದು ಶಿರೋನಾಮೆಯನ್ನು ಹೊಂದಿರುವುದುಂಟು, ಇದರಿಂದಾಗಿ ನೀವು ಏನನ್ನು ಓದುತ್ತಿದ್ದೀರಿ ಎಂಬುದರ ಬಗ್ಗೆ ನಿಮಗೆ ತಿಳಿದಿದೆ. ಈ ಹೆಡ್ಲೈನ್ಗಳನ್ನು ಎಚ್ಟಿ, ಹೆಚ್ 2, ಎಚ್ 3, ಎಚ್ 4, ಎಚ್ 5 ಮತ್ತು ಎಚ್ 6 ಎಂಬ ಎಚ್ಟಿಎಮ್ಎಲ್ ಶಿರೋನಾಮೆ ಅಂಶಗಳನ್ನು ಬಳಸಿ ಮಾಡಲಾಗುವುದು.

ಕೆಲವು ಸೈಟ್ಗಳಲ್ಲಿ, ಈ ಅಂಶಗಳನ್ನು ಬಳಸದೆ ಹೆಡ್ಲೈನ್ಗಳನ್ನು ಕೋಡೆಡ್ ಮಾಡಲಾಗುವುದು ಎಂದು ನೀವು ಕಾಣಬಹುದು. ಬದಲಾಗಿ, ಮುಖ್ಯಾಂಶಗಳು ಅವರಿಗೆ ಸೇರಿಸಲಾದ ನಿರ್ದಿಷ್ಟ ವರ್ಗ ಲಕ್ಷಣಗಳೊಂದಿಗೆ ಪ್ಯಾರಾಗ್ರಾಫ್ಗಳನ್ನು ಬಳಸಬಹುದು, ಅಥವಾ ವರ್ಗ ಅಂಶಗಳೊಂದಿಗೆ ವಿಭಾಗಗಳು. ಈ ತಪ್ಪಾಗಿ ಅಭ್ಯಾಸದ ಕುರಿತು ನಾನು ಆಗಾಗ್ಗೆ ಕೇಳುವ ಕಾರಣವೆಂದರೆ ಡಿಸೈನರ್ "ಹೆಡಿಂಗ್ಗಳು ಕಾಣುವ ರೀತಿಯಲ್ಲಿ ಇಷ್ಟವಿಲ್ಲ". ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಶಿರೋನಾಮೆಗಳನ್ನು ಬೋಲ್ಡ್ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಅವು ಗಾತ್ರದಲ್ಲಿ ದೊಡ್ಡದಾಗಿರುತ್ತವೆ, ವಿಶೇಷವಾಗಿ ಪುಟದ ಪಠ್ಯದ ಉಳಿದವುಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಫಾಂಟ್ ಗಾತ್ರದಲ್ಲಿ ಪ್ರದರ್ಶಿಸುವ h1 ಮತ್ತು h2 ಅಂಶಗಳು. ಈ ಅಂಶಗಳ ಡೀಫಾಲ್ಟ್ ನೋಟ ಮಾತ್ರ ಇದು ನೆನಪಿನಲ್ಲಿಡಿ! ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ, ನಿಮಗೆ ಬೇಕಾದರೂ ಶಿರೋನಾಮೆ ಕಾಣುವಂತೆ ಮಾಡಬಹುದು! ನೀವು ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಬದಲಾಯಿಸಬಹುದು, ದಪ್ಪ ತೆಗೆದುಹಾಕಿ, ಮತ್ತು ಇನ್ನಷ್ಟು ಮಾಡಬಹುದು. ಶೀರ್ಷಿಕೆಗಳ ಪುಟದ ಮುಖ್ಯಾಂಶಗಳನ್ನು ಕೋಡ್ ಮಾಡುವ ಸರಿಯಾದ ಮಾರ್ಗವಾಗಿದೆ. ಇಲ್ಲಿ ಕೆಲವು ಕಾರಣಗಳಿವೆ.

ಏಕೆ DIVs ಮತ್ತು ವಿನ್ಯಾಸ ಹೆಚ್ಚು ಹೆಡಿಂಗ್ ಟ್ಯಾಗ್ಗಳು ಬಳಸಿ

ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳು ಲೈಕ್ ಹುಡುಕಾಟ ಇಂಜಿನ್ಗಳು


ಶಿರೋನಾಮೆಗಳನ್ನು ಬಳಸುವುದು ಮತ್ತು ಸರಿಯಾದ ಕ್ರಮದಲ್ಲಿ (ಅಂದರೆ h1, ನಂತರ h2, ನಂತರ h3, ಇತ್ಯಾದಿ) ಅವುಗಳನ್ನು ಬಳಸುವುದು ಉತ್ತಮ ಕಾರಣವಾಗಿದೆ. ಹುಡುಕಾಟ ಇಂಜಿನ್ಗಳು ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳು ಒಳಗೆ ಪಠ್ಯಕ್ಕೆ ಅತ್ಯುನ್ನತ ತೂಕದ ಕೊಡುಗೆಯನ್ನು ನೀಡುತ್ತವೆ ಏಕೆಂದರೆ ಆ ಪಠ್ಯಕ್ಕೆ ಒಂದು ಲಾಕ್ಷಣಿಕ ಮೌಲ್ಯವಿದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನಿಮ್ಮ ಪುಟದ ಶೀರ್ಷಿಕೆ H1 ಅನ್ನು ಲೇಬಲ್ ಮಾಡುವ ಮೂಲಕ, ಹುಡುಕಾಟ ಎಂಜಿನ್ ಜೇಡವನ್ನು ನೀವು ಪುಟದ # 1 ಫೋಕಸ್ ಎಂದು ಹೇಳುತ್ತೀರಿ. H2 ಶಿರೋನಾಮೆಗಳು # 2 ಮಹತ್ವವನ್ನು ಹೊಂದಿವೆ, ಮತ್ತು ಹೀಗೆ.

ನಿಮ್ಮ ಹೆಡ್ಲೈನ್ಗಳನ್ನು ವಿವರಿಸಲು ನೀವು ಯಾವ ವರ್ಗಗಳನ್ನು ಬಳಸಿದ್ದೀರಿ ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿರಿಸಿಕೊಳ್ಳಬೇಡಿ

ನಿಮ್ಮ ಎಲ್ಲ ವೆಬ್ ಪುಟಗಳು ಹೆಚ್ 1 ಅನ್ನು ದಪ್ಪ, 2 ಎಮ್, ಮತ್ತು ಹಳದಿ ಬಣ್ಣವನ್ನು ಹೊಂದಲು ಹೋಗುತ್ತವೆಯೆಂದು ನಿಮಗೆ ತಿಳಿದಿರುವಾಗ, ನಂತರ ನಿಮ್ಮ ಸ್ಟೈಲ್ಶೀಟ್ನಲ್ಲಿ ಅದನ್ನು ಒಮ್ಮೆ ವ್ಯಾಖ್ಯಾನಿಸಬಹುದು ಮತ್ತು ಇದನ್ನು ಮಾಡಬಹುದು. 6 ತಿಂಗಳುಗಳ ನಂತರ, ನೀವು ಇನ್ನೊಂದು ಪುಟವನ್ನು ಸೇರಿಸಿದಾಗ, ನಿಮ್ಮ ಪುಟದ ಮೇಲಿರುವ H1 ಟ್ಯಾಗ್ ಅನ್ನು ನೀವು ಸೇರಿಸಿ, ನೀವು ಮುಖ್ಯ ಪುಟವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಯಾವ ಶೈಲಿಯ ID ಅಥವಾ ವರ್ಗವನ್ನು ಕಂಡುಹಿಡಿಯಲು ಇತರ ಪುಟಗಳಿಗೆ ಹಿಂತಿರುಗಬೇಕಾಗಿಲ್ಲ. ಶಿರೋನಾಮೆಯನ್ನು ಮತ್ತು ಉಪ-ಮುಖ್ಯಸ್ಥರು.

ಅವು ಬಲವಾದ ಪುಟ ಔಟ್ಲೈನ್ ​​ಅನ್ನು ಒದಗಿಸುತ್ತವೆ

ಪಠ್ಯವನ್ನು ಓದಲು ಸುಲಭವಾಗುತ್ತದೆ. ಅದಕ್ಕಾಗಿಯೇ ಹೆಚ್ಚಿನ ಯುಎಸ್ ಶಾಲೆಗಳು ಅವರು ಕಾಗದವನ್ನು ಬರೆಯುವ ಮೊದಲು ಔಟ್ಲೈನ್ ​​ಬರೆಯಲು ವಿದ್ಯಾರ್ಥಿಗಳು ಕಲಿಸಿದರು. ನೀವು ಔಟ್ಲೈನ್ ​​ಸ್ವರೂಪದಲ್ಲಿ ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳನ್ನು ಬಳಸಿದಾಗ, ನಿಮ್ಮ ಪಠ್ಯವು ಸ್ಪಷ್ಟವಾದ ರಚನೆಯನ್ನು ಹೊಂದಿರುತ್ತದೆ ಮತ್ತು ಅದು ಶೀಘ್ರವಾಗಿ ಗೋಚರಿಸುತ್ತದೆ. ಜೊತೆಗೆ, ಸಾರಾಂಶವನ್ನು ಒದಗಿಸಲು ಪುಟ ರೂಪರೇಖೆಯನ್ನು ಪರಿಶೀಲಿಸಬಹುದಾದ ಪರಿಕರಗಳು ಇವೆ, ಮತ್ತು ಇವು ಬಾಹ್ಯರೇಖೆಯ ರಚನೆಗಾಗಿ ಟ್ಯಾಗ್ಗಳ ಶಿರೋನಾಮೆಗಳನ್ನು ಅವಲಂಬಿಸಿವೆ.

ಸ್ಟೈಲ್ಸ್ ಆಫ್ ಆಗಿದ್ದರೂ ಸಹ ನಿಮ್ಮ ಪುಟವು ಸೆನ್ಸ್ ಮಾಡುತ್ತದೆ

ಪ್ರತಿಯೊಬ್ಬರೂ ಸ್ಟೈಲ್ ಶೀಟ್ಗಳನ್ನು ವೀಕ್ಷಿಸಬಹುದು ಅಥವಾ ಬಳಸಬಾರದು (ಮತ್ತು ಇದು ಮತ್ತೆ # 1 - ಹುಡುಕಾಟ ಎಂಜಿನ್ಗಳು ನಿಮ್ಮ ಪುಟದ ವಿಷಯ (ಪಠ್ಯ) ಅನ್ನು ವೀಕ್ಷಿಸಬಹುದು, ಆದರೆ ಶೈಲಿಯ ಹಾಳೆಗಳು). ನೀವು ಟ್ಯಾಗ್ಗಳನ್ನು ಶಿರೋನಾಮೆ ಬಳಸುತ್ತಿದ್ದರೆ, ಮುಖ್ಯಾಂಶಗಳು DIV ಟ್ಯಾಗ್ ಮಾಡುವುದಿಲ್ಲ ಎಂದು ಮಾಹಿತಿಯನ್ನು ನೀಡುವ ಕಾರಣ ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಸುಲಭವಾಗಿ ಪ್ರವೇಶಿಸಬಹುದು.

ಇದು ಸ್ಕ್ರೀನ್ ರೀಡರ್ಸ್ ಮತ್ತು ವೆಬ್ಸೈಟ್ ಪ್ರವೇಶಿಸುವಿಕೆಗಾಗಿ ಸಹಾಯಕವಾಗಿದೆ

ಶೀರ್ಷಿಕೆಗಳ ಸರಿಯಾದ ಬಳಕೆಯನ್ನು ಒಂದು ತಾರ್ಕಿಕ ರಚನೆಯನ್ನು ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಸೃಷ್ಟಿಸುತ್ತದೆ. ದೃಷ್ಟಿ ದೋಷವನ್ನು ಹೊಂದಿರುವ ಬಳಕೆದಾರರಿಗೆ ಸೈಟ್ ಅನ್ನು "ಓದಲು" ಸ್ಕ್ರೀನ್ ಪರದೆಯ ಓದುಗರು ಏನು ಬಳಸುತ್ತಾರೆ, ವಿಕಲಾಂಗತೆ ಹೊಂದಿರುವ ಜನರಿಗೆ ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಪ್ರವೇಶಿಸಬಹುದು.

ಶೈಲಿ ನಿಮ್ಮ ಮುಖ್ಯಾಂಶಗಳ ಪಠ್ಯ ಮತ್ತು ಫಾಂಟ್

ಶಿರೋನಾಮೆ ಟ್ಯಾಗ್ಗಳ "ದೊಡ್ಡ, ದಪ್ಪ, ಮತ್ತು ಕೊಳಕು" ಸಮಸ್ಯೆಯಿಂದ ಹೊರಬರಲು ಸುಲಭವಾದ ಮಾರ್ಗವೆಂದರೆ, ನೀವು ನೋಡಲು ಬಯಸುವ ರೀತಿಯಲ್ಲಿ ಪಠ್ಯವನ್ನು ಶೈಲಿ ಮಾಡುವುದು. ವಾಸ್ತವವಾಗಿ, ನಾನು ಹೊಸ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುವಾಗ, ನಾನು ಸಾಮಾನ್ಯವಾಗಿ ಪ್ಯಾರಾಗ್ರಾಫ್, H1, H2, ಮತ್ತು H3 ಶೈಲಿಗಳನ್ನು ಮೊದಲನೆಯದಾಗಿ ಬರೆಯುತ್ತೇನೆ. ಫಾಂಟ್ ಕುಟುಂಬ ಮತ್ತು ಗಾತ್ರ / ತೂಕದೊಂದಿಗೆ ನಾನು ಸಾಮಾನ್ಯವಾಗಿ ಅಂಟಿಕೊಳ್ಳುತ್ತೇನೆ. ಉದಾಹರಣೆಗೆ, ಇದು ಒಂದು ಹೊಸ ಸೈಟ್ಗೆ ಪ್ರಾಥಮಿಕ ಶೈಲಿ ಹಾಳೆಯಾಗಿರಬಹುದು (ಇವುಗಳು ಬಳಸಬಹುದಾದ ಕೆಲವೊಂದು ಉದಾಹರಣೆ ಶೈಲಿಗಳು ಮಾತ್ರ):

ದೇಹ, html {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; } p {font: 1em Arial, ಜಿನೀವಾ, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; } h1 {font: bold 2em "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್", ಟೈಮ್ಸ್, ಸೆರಿಫ್; } h2 {font: bold 1.5em "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್", ಟೈಮ್ಸ್, ಸೆರಿಫ್; } h3 {font: bold 1.2em Arial, ಜಿನೀವಾ, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; }

ನಿಮ್ಮ ಶಿರೋನಾಮೆಯ ಫಾಂಟ್ಗಳನ್ನು ನೀವು ಮಾರ್ಪಡಿಸಬಹುದು ಅಥವಾ ಪಠ್ಯ ಶೈಲಿ ಅಥವಾ ಪಠ್ಯ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಬಹುದು. ಇವುಗಳೆಲ್ಲವೂ ನಿಮ್ಮ "ಕೊಳಕು" ಶಿರೋನಾಮೆಯನ್ನು ಹೆಚ್ಚು ರೋಮಾಂಚಕ ಮತ್ತು ನಿಮ್ಮ ವಿನ್ಯಾಸದ ಕಡೆಗೆ ತಿರುಗಿಸುತ್ತದೆ.

h1 {font: ದಪ್ಪ ಇಟಾಲಿಕ್ 2em / 1em "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್", "ಎಂಎಸ್ ಸೆರಿಫ್", "ನ್ಯೂಯಾರ್ಕ್", ಸೆರಿಫ್; ಅಂಚು: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಬಣ್ಣ: # e7ce00; }

ಬಾರ್ಡರ್ಸ್ ಹೆಡ್ಲೈನ್ಸ್ ಪ್ರಸಾಧನ ಮಾಡಬಹುದು

ನಿಮ್ಮ ಮುಖ್ಯಾಂಶಗಳನ್ನು ಸುಧಾರಿಸಲು ಬಾರ್ಡರ್ಸ್ ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಮತ್ತು ಅಂಚುಗಳನ್ನು ಸೇರಿಸಲು ಸುಲಭ. ಆದರೆ ಗಡಿಗಳೊಂದಿಗೆ ಪ್ರಯೋಗಿಸಲು ಮರೆಯಬೇಡಿ - ನಿಮ್ಮ ಶಿರೋನಾಮೆಯ ಪ್ರತಿಯೊಂದು ಬದಿಯಲ್ಲೂ ನೀವು ಗಡಿ ಅಗತ್ಯವಿಲ್ಲ. ಮತ್ತು ನೀವು ಕೇವಲ ಸರಳ ನೀರಸ ಗಡಿಗಳಿಗಿಂತ ಹೆಚ್ಚು ಬಳಸಬಹುದು.

h1 {font: ದಪ್ಪ ಇಟಾಲಿಕ್ 2em / 1em "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್", "ಎಂಎಸ್ ಸೆರಿಫ್", "ನ್ಯೂಯಾರ್ಕ್", ಸೆರಿಫ್; ಅಂಚು: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಬಣ್ಣ: # e7ce00; ಗಡಿ-ಮೇಲಿನ: ಘನ # e7ce00 ಮಧ್ಯಮ; ಗಡಿ-ಕೆಳಗೆ: ಚುಕ್ಕೆಗಳ # e7ce00 ತೆಳು; ಅಗಲ: 600px; }

ಕೆಲವು ಮಾದರಿ ದೃಶ್ಯ ಶೈಲಿಗಳನ್ನು ಪರಿಚಯಿಸಲು ನಾನು ನನ್ನ ಮಾದರಿ ಶಿರೋನಾಮೆಯನ್ನು ಉನ್ನತ ಮತ್ತು ಕೆಳಗಿನ ಗಡಿ ಸೇರಿಸಿದೆ. ನಿಮಗೆ ಬೇಕಾದ ವಿನ್ಯಾಸ ಶೈಲಿಯನ್ನು ಸಾಧಿಸಲು ನೀವು ಬಯಸುವ ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಗಡಿಗಳನ್ನು ಸೇರಿಸಬಹುದು.

ಇನ್ನಷ್ಟು Pizazz ಗಾಗಿ ನಿಮ್ಮ ಮುಖ್ಯಾಂಶಗಳಿಗೆ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಿ

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

h1 {font: ದಪ್ಪ ಇಟಾಲಿಕ್ 3em / 1em "ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್", "ಎಂಎಸ್ ಸೆರಿಫ್", "ನ್ಯೂಯಾರ್ಕ್", ಸೆರಿಫ್; ಹಿನ್ನೆಲೆ: #fff url ("fancyheadline.jpg") repeat-x bottom; ಪ್ಯಾಡಿಂಗ್: 0.5em 0 90px 0; text-align: center; ಅಂಚು: 0; ಗಡಿ-ಕೆಳಗೆ: ಘನ # e7ce00 0.25em; ಬಣ್ಣ: # e7ce00; }

ಈ ಹೆಡ್ಲೈನ್ಗೆ ಟ್ರಿಕ್ ನನ್ನ ಇಮೇಜ್ 90 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಎತ್ತರವಾಗಿದೆ ಎಂದು ನನಗೆ ತಿಳಿದಿದೆ. ಆದ್ದರಿಂದ ನಾನು 90px ನ ಹೆಡ್ಲೈನ್ನ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಸೇರಿಸಿದೆ (ಪ್ಯಾಡಿಂಗ್: 0.5 0 90px 0p;). ಹೆಡ್ಲೈನ್ನ ಪಠ್ಯವನ್ನು ನೀವು ಎಲ್ಲಿ ಬೇಕಾದರೂ ನಿಖರವಾಗಿ ಪ್ರದರ್ಶಿಸಲು ಅಂಚುಗಳು, ಲೈನ್-ಎತ್ತರ ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ಗಳೊಂದಿಗೆ ನೀವು ವಹಿಸಬಹುದು.

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

ಹೆಡ್ಲೈನ್ಸ್ನಲ್ಲಿ ಇಮೇಜ್ ರಿಪ್ಲೇಸ್ಮೆಂಟ್

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

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 9/6/17 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ