DOCTYPE ಎಲಿಮೆಂಟ್ ಅನ್ನು ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ಬಳಸಿ

ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ಬ್ರೌಸರ್ಗಳನ್ನು ಹಾಕಲು ಡಾಕ್ಟೈಪ್ ಬಿಡಿ

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

ಹಳೆಯ ಬ್ರೌಸರ್ಗಳಿಗೆ ನಿರ್ಮಿಸಲಾದ ವೆಬ್ ಪುಟಗಳೊಂದಿಗೆ ಹಿಮ್ಮುಖ ಹೊಂದಿಕೆಯಾಗುವ ವೆಬ್ ಬ್ರೌಸರ್ಗಳನ್ನು ರಚಿಸುವುದು ಬ್ರೌಸರ್ ಅಭಿವರ್ಧಕರಿಗೆ ಸಮಸ್ಯೆ. ಈ ಸಮಸ್ಯೆಯನ್ನು ನಿಭಾಯಿಸುವ ಸಲುವಾಗಿ, ಬ್ರೌಸರ್ ತಯಾರಕರು ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕಾರ್ಯ ನಿರ್ವಹಿಸಲು ವಿಧಾನಗಳನ್ನು ರಚಿಸಿದ್ದಾರೆ. ಈ ವಿಧಾನಗಳನ್ನು DOCTYPE ಎಲಿಮೆಂಟ್ ಮತ್ತು DOCTYPE ಕರೆಗಳ ಉಪಸ್ಥಿತಿ ಅಥವಾ ಅನುಪಸ್ಥಿತಿಯಿಂದ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ.

DOCTYPE ಸ್ವಿಚಿಂಗ್ ಮತ್ತು "ಕ್ವಿರ್ಕ್ ಮೋಡ್"

ನಿಮ್ಮ ವೆಬ್ ಪುಟದಲ್ಲಿ ಕೆಳಗಿನ DOCTYPE ಅನ್ನು ನೀವು ಹಾಕಿದರೆ:

ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳು (ಆಂಡ್ರಾಯ್ಡ್ 1+, ಕ್ರೋಮ್ 1+, ಐಇ 6+, ಐಒಎಸ್ 1+, ಫೈರ್ಫಾಕ್ಸ್ 1 +, ನೆಟ್ಸ್ಕೇಪ್ 6+, ಒಪೇರಾ 6+, ಸಫಾರಿ 1+) ಇವುಗಳನ್ನು ಈ ಕೆಳಗಿನ ವಿಧಾನದಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ:

  1. ಸರಿಯಾಗಿ ಬರೆದ DOCTYPE ಇರುವುದರಿಂದ, ಇದು ಮಾನದಂಡಗಳ ಕ್ರಮವನ್ನು ಪ್ರಚೋದಿಸುತ್ತದೆ.
  2. ಇದು HTML 4.01 ಪರಿವರ್ತನಾ ಡಾಕ್ಯುಮೆಂಟ್ ಆಗಿದೆ
  3. ಇದು ಮಾನದಂಡದ ಕ್ರಮದಲ್ಲಿರುವುದರಿಂದ, ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01 ಪರಿವರ್ತನೆಯನ್ನು ಹೊಂದಿರುವ ವಿಷಯ ಕಂಪ್ಲೈಂಟ್ (ಅಥವಾ ಹೆಚ್ಚಾಗಿ ದೂರು) ನೀಡುತ್ತದೆ

ಮತ್ತು ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಈ DOCTYPE ಅನ್ನು ನೀವು ಹಾಕಿದರೆ:

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

ಈ ಬ್ರೌಸರ್ಗಳು "ಕಟ್ಟುನಿಟ್ಟಾದ" ಅಥವಾ "ಮಾನದಂಡ" ಮೋಡ್ಗೆ ಹೋಗುತ್ತವೆ ಮತ್ತು ಗುಣಮಟ್ಟವನ್ನು ಅನುಗುಣವಾಗಿ ಪುಟವನ್ನು ನಿರೂಪಿಸುತ್ತವೆ. (ಆದ್ದರಿಂದ, ಈ ಡಾಕ್ಯುಮೆಂಟ್ಗಾಗಿ, HTML 4.01 ಕಟ್ಟುನಿಟ್ಟಾಗಿ FONT ಅಂಶವನ್ನು ಅಸಮ್ಮತಿಸಲಾಗಿದೆ ಎಂದು ಟ್ಯಾಗ್ಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಬ್ರೌಸರ್ನಿಂದ ನಿರ್ಲಕ್ಷಿಸಲ್ಪಡುತ್ತವೆ.)

ನೀವು DOCTYPE ಯನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಬಿಟ್ಟರೆ, ಬ್ರೌಸರ್ಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ "ಕ್ವಿರ್ಕ್ಸ್" ಮೋಡ್ನಲ್ಲಿ ಮುಂದೂಡಲ್ಪಡುತ್ತವೆ.

ಕೆಳಗಿನ ಸಾಮಾನ್ಯ ಕೋಷ್ಟಕಗಳು ವಿವಿಧ ಸಾಮಾನ್ಯ DOCTYPE ಘೋಷಣೆಗಳೊಂದಿಗೆ ಪ್ರಸ್ತುತಪಡಿಸಿದಾಗ ಸಾಮಾನ್ಯ ಬ್ರೌಸರ್ಗಳು ಏನು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ.

ಮೈಕ್ರೋಸಾಫ್ಟ್ ಇದು ಗಟ್ಟಿಯಾಗಿರುತ್ತದೆ

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

ಮತ್ತು XHTML 1.1 DOCTYPE:

ಜೊತೆಗೆ, ನೀವು ಕಳೆದ IE6 ಅನ್ನು ಪಡೆದರೆ, ನೀವು ಮೈಕ್ರೋಸಾಫ್ಟ್ IE8 ಮತ್ತು IE9 ನಲ್ಲಿ ಸೇರಿಸಿದ "ವೈಶಿಷ್ಟ್ಯ" ಅನ್ನು ಹೊಂದಿರುತ್ತಾರೆ: META ಅಂಶ ಸ್ವಿಚಿಂಗ್ ಮತ್ತು ವೆಬ್ಸೈಟ್ ಕಪ್ಪುಪಟ್ಟಿ. ವಾಸ್ತವವಾಗಿ, ಈ ಎರಡು ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳು ಈಗ ಏಳು (!) ವಿಭಿನ್ನ ವಿಧಾನಗಳನ್ನು ಹೊಂದಿವೆ:

ಐಇ 8 ಸಹ "ಹೊಂದಾಣಿಕೆ ಮೋಡ್" ಅನ್ನು ಪರಿಚಯಿಸಿತು, ಅಲ್ಲಿ ರೆಂಡರಿಂಗ್ ಮಾದರಿಯನ್ನು ಐಇ 7 ಮೋಡ್ಗೆ ಬದಲಿಸಲು ಬಳಕೆದಾರರು ಆಯ್ಕೆಮಾಡಬಹುದು. ಆದ್ದರಿಂದ ನೀವು DOCTYPE ಮತ್ತು META ಅಂಶಗಳೆರಡನ್ನೂ ಬಳಸಿಕೊಂಡು ಹೊಂದಿಸಲು ಬಯಸುವ ಮೋಡ್ ಅನ್ನು ಸಹ ನೀವು ಹೊಂದಿದ್ದರೂ, ನಿಮ್ಮ ಪುಟವನ್ನು ಇನ್ನೂ ಕಡಿಮೆ ಗುಣಮಟ್ಟವನ್ನು ಕಂಪ್ಲೈಂಟ್ ಮೋಡ್ಗೆ ತಳ್ಳಬಹುದು.

ಕ್ವಿರ್ಕ್ ಮೋಡ್ ಎಂದರೇನು?

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

DOCTYPE ಸ್ವಿಚಿಂಗ್ ಮತ್ತು "ಕ್ವಿರ್ಕ್ ಮೋಡ್" ಅನ್ನು ಸ್ಥಾಪಿಸುವ ಮೂಲಕ ಈ ಅನುಮತಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸಕರು ತಮ್ಮ HTML ಅನ್ನು ನಿರೂಪಿಸಲು ಬ್ರೌಸರ್ಗಳನ್ನು ಹೇಗೆ ಬಯಸಬೇಕೆಂದು ಆರಿಸಲು.

ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಪರಿಣಾಮಗಳು

ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಬಳಸುವ ಹಲವಾರು ಪರಿಣಾಮಗಳಿವೆ:

"ಬಹುತೇಕ ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಮೋಡ್ನಲ್ಲಿ ವ್ಯತ್ಯಾಸವಿದೆ":

DOCTYPE ಅನ್ನು ಹೇಗೆ ಆಯ್ಕೆಮಾಡಬೇಕು

ನನ್ನ ಲೇಖನದಲ್ಲಿ ನಾನು ಹೆಚ್ಚು ವಿವರವಾಗಿ ಹೋಗಿ DOCTYPE ಪಟ್ಟಿ, ಆದರೆ ಇಲ್ಲಿ ಹೆಬ್ಬೆರಳಿನ ಕೆಲವು ಸಾಮಾನ್ಯ ನಿಯಮಗಳು:

  1. ಯಾವಾಗಲೂ ಗುಣಮಟ್ಟ ಮಾನದಂಡವನ್ನು ಆಯ್ಕೆಮಾಡಿ. ಮತ್ತು ನೀವು ಬಳಸುತ್ತಿರುವ ಪ್ರಸ್ತುತ ಪ್ರಮಾಣಕವು HTML5 ಆಗಿದೆ:
    HTML5 DOCTYPE ಅನ್ನು ಬಳಸುವುದನ್ನು ತಪ್ಪಿಸಲು ನಿಮಗೆ ಒಂದು ನಿರ್ದಿಷ್ಟವಾದ ಕಾರಣವಿಲ್ಲದಿದ್ದರೆ, ನೀವು ಏನು ಬಳಸಬೇಕು ಎಂಬುದು.
  2. ನೀವು ಪರಂಪರೆ ಅಂಶಗಳನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಅಥವಾ ಕೆಲವು ಕಾರಣಗಳಿಗಾಗಿ ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ತಪ್ಪಿಸಲು ಬಯಸಿದಲ್ಲಿ ಕಟ್ಟುನಿಟ್ಟಾದ HTML 4.01 ಗೆ ಹೋಗಿ:
  3. ನೀವು ಕೋಷ್ಟಕದಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಹಲ್ಲೆ ಮಾಡಿದರೆ ಮತ್ತು ಅವುಗಳನ್ನು ಸರಿಪಡಿಸಲು ಬಯಸದಿದ್ದರೆ, ಪರಿವರ್ತನಾ HTML 4.01 ಗೆ ಹೋಗಿ:
  4. Quirks ಮೋಡ್ನಲ್ಲಿ ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಪುಟಗಳನ್ನು ಬರೆಯಬೇಡಿ. ಯಾವಾಗಲೂ DOCTYPE ಅನ್ನು ಬಳಸಿ. ಇದು ಭವಿಷ್ಯದಲ್ಲಿ ಅಭಿವೃದ್ಧಿಯ ಸಮಯದಲ್ಲಿ ನಿಮ್ಮನ್ನು ಉಳಿಸುತ್ತದೆ ಮತ್ತು ನಿಜವಾಗಿಯೂ ಯಾವುದೇ ಪ್ರಯೋಜನವಿಲ್ಲ. IE6 ಕ್ಷಿಪ್ರವಾಗಿ ಜನಪ್ರಿಯತೆಯನ್ನು ಕಳೆದುಕೊಳ್ಳುತ್ತಿದೆ ಮತ್ತು ಈ ಬ್ರೌಸರ್ಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸುವುದರ ಮೂಲಕ (ಇದು ಕ್ವಿರ್ಕ್ ವಿಧಾನದಲ್ಲಿ ಯಾವ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ) ನೀವು ನಿಮ್ಮನ್ನು, ನಿಮ್ಮ ಓದುಗರು ಮತ್ತು ನಿಮ್ಮ ಪುಟಗಳನ್ನು ಸೀಮಿತಗೊಳಿಸುತ್ತಿದ್ದೀರಿ. ಐಇ 6 ಅಥವಾ 7 ಗಾಗಿ ನೀವು ಬರೆಯಬೇಕಾದರೆ, ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳನ್ನು ಕ್ವಿರ್ಕ್ ಮೋಡ್ಗೆ ಒತ್ತಾಯಿಸುವ ಬದಲು ಅವರಿಗೆ ಬೆಂಬಲ ನೀಡಲು ಷರತ್ತುಬದ್ಧ ಕಾಮೆಂಟ್ಗಳನ್ನು ಬಳಸಿ.

ಏಕೆ DOCTYPE ಬಳಸಿ

ಈ ರೀತಿಯ DOCTYPE ಬದಲಾಗುತ್ತಿರುವ ಬದಲಾವಣೆಯ ಬಗ್ಗೆ ನಿಮಗೆ ತಿಳಿದಿರಲಿ, DOCTYPE ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ನೇರವಾಗಿ ನೇರವಾಗಿ ಪರಿಣಾಮ ಬೀರಬಹುದು, ಅದು ನಿಮ್ಮ ಪುಟದಿಂದ ಯಾವ ಬ್ರೌಸರ್ ನಿರೀಕ್ಷಿಸಬಹುದು ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ಸಹ, ಒಮ್ಮೆ ನೀವು DOCTYPE ಅನ್ನು ಬಳಸುವುದನ್ನು ಪ್ರಾರಂಭಿಸಿದಾಗ, ನೀವು ಮಾನ್ಯವಾಗಿರುವುದಕ್ಕಿಂತ ಹತ್ತಿರವಿರುವ HTML ಅನ್ನು ಬರೆಯುತ್ತೀರಿ (ನೀವು ಇನ್ನೂ ಅದನ್ನು ಮೌಲ್ಯೀಕರಿಸಬೇಕು). ಮತ್ತು ಮಾನ್ಯ XHTML ಬರೆಯುವ ಮೂಲಕ, ನೀವು ಬ್ರೌಸರ್ ತಯಾರಕರು ಗುಣಮಟ್ಟವನ್ನು ಕಂಪ್ಲೈಂಟ್ ಬ್ರೌಸರ್ ನಿರ್ಮಿಸಲು ಪ್ರೋತ್ಸಾಹಿಸುತ್ತೇವೆ.

ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳು ಮತ್ತು ಕ್ವಿರ್ಕ್ಗಳ ಮೋಡ್

DOCTYPE ಆಂಡ್ರಾಯ್ಡ್
Chrome
ಫೈರ್ಫಾಕ್ಸ್
ಐಇ 8 +
ಐಒಎಸ್
ಒಪೇರಾ 7.5+
ಸಫಾರಿ
ಐಇ 6
ಐಇ 7
ಒಪೇರಾ 7
ನೆಟ್ಸ್ಕೇಪ್ 6
ಯಾವುದೂ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್
HTML 3.2
ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್
ಎಚ್ಟಿಎಮ್ಎಲ್ 4.01
ಪರಿವರ್ತನಾ ಮಾನದಂಡಗಳು ಮೋಡ್ * ಮಾನದಂಡಗಳು ಮೋಡ್ * ಮಾನದಂಡಗಳ ಮೋಡ್
ಪರಿವರ್ತನಾ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್ ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್
ಕಟ್ಟುನಿಟ್ಟಾದ ಮಾನದಂಡಗಳ ಮೋಡ್ ಮಾನದಂಡಗಳು ಮೋಡ್ * ಮಾನದಂಡಗಳ ಮೋಡ್
ಕಟ್ಟುನಿಟ್ಟಾದ ಮಾನದಂಡಗಳ ಮೋಡ್ ಮಾನದಂಡಗಳು ಮೋಡ್ * ಮಾನದಂಡಗಳ ಮೋಡ್
HTML5
ಮಾನದಂಡಗಳ ಮೋಡ್ ಮಾನದಂಡಗಳು ಮೋಡ್ * ಕ್ವಿರ್ಕ್ಸ್ ಮೋಡ್
* ಈ DOCTYPE ಜೊತೆ, ಬ್ರೌಸರ್ಗಳು ಗುಣಮಟ್ಟ ದೂರುಗಳಿಗೆ ಹತ್ತಿರದಲ್ಲಿವೆ, ಆದರೆ ಕೆಲವು ಸಮಸ್ಯೆಗಳಿವೆ-ಪರೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ. ಇದನ್ನು "ಬಹುತೇಕ ಸ್ಟ್ಯಾಂಡರ್ಡ್ಸ್ ಮೋಡ್" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.