ஏன் வலை பக்கம் எழுத்துமுறைக்கு அட்டவணைகள் தவிர்க்க வேண்டும்

CSS வலைப்பக்க வடிவமைப்புகளை உருவாக்க சிறந்த வழி

CSS தளவமைப்பை எழுதுவது கற்றல், குறிப்பாக உங்களுக்கு கற்பனை வலைப்பக்கங்கள் உருவாக்க பக்கங்களைப் பயன்படுத்துவது தெரிந்திருந்தால், தந்திரமானதாக இருக்கலாம். HTML5 அமைப்பை அட்டவணைகள் அனுமதிக்கும் போது, ​​அது ஒரு நல்ல யோசனை அல்ல.

அட்டவணைகள் அணுக முடியாதவை

தேடுபொறிகளைப் போலவே, பெரும்பாலான திரை வாசகர்கள் வலை பக்கங்களில் HTML இல் காட்டப்படும் பொருட்டு படித்துள்ளனர். ஸ்கிரீன் ரீடர்கள் அலசுவதற்கு அட்டவணைகள் மிகவும் கடினமாக இருக்கலாம். ஏனென்றால் அட்டவணை அட்டவணையில் உள்ள உள்ளடக்கம், நேரியல் போது, ​​எப்போதுமே இடது-வலது-வலது மற்றும் மேல்-கீழ்-கீழே வாசிக்கும் போது உணர்வு இல்லை. பிளஸ், உள்ளமை அட்டவணைகள், மற்றும் அட்டவணை செல்கள் பல்வேறு பரவுகிறது பக்கம் கண்டுபிடிக்க மிகவும் கடினமாக செய்ய முடியும்.

இது HTML5 தளவமைப்பு வடிவமைப்புகளுக்கான அட்டவணைகளுக்கு எதிராக பரிந்துரைக்கிறது, ஏன் HTML 4.01 அதை அனுமதிக்காது. அணுகக்கூடிய வலை பக்கங்கள் அதிகமான மக்களை அவற்றைப் பயன்படுத்த அனுமதிக்கிறது மற்றும் ஒரு தொழில்முறை வடிவமைப்பாளரின் குறிக்கோள் ஆகும்.

CSS உடன், பக்கத்தின் இடது பக்கத்தில் சேர்ந்த ஒரு பிரிவை நீங்கள் வரையறுக்கலாம், ஆனால் அது HTML இல் கடைசியாக வைக்கவும். பின்னர் ஸ்கிரீன் ரீடர்கள் மற்றும் தேடுபொறிகள் ஒரே மாதிரியான முக்கியமான பகுதிகள் (உள்ளடக்கம்) முதல் மற்றும் குறைவான முக்கிய பகுதிகள் (வழிசெலுத்தல்) ஆகியவற்றைப் படிக்கும்.

அட்டவணைகள் தந்திரமானவை

நீங்கள் ஒரு வலை ஆசிரியர் ஒரு அட்டவணை உருவாக்க கூட, உங்கள் வலை பக்கங்கள் இன்னும் மிகவும் சிக்கலான மற்றும் பராமரிக்க கடினமாக இருக்கும். மிகவும் எளிமையான வலைப்பக்க வடிவமைப்பு தவிர, பெரும்பாலான தளவமைப்பு அட்டவணைகள் நிறைய மற்றும் பண்புக்கூறுகள் மற்றும் உள்ளமை அட்டவணைகள் பயன்படுத்தப்படுகின்றன.

அட்டவணையை கட்டியெழுப்பும் போது நீங்கள் எளிதாக செய்யலாம், ஆனால் நீங்கள் அதை பராமரிக்க வேண்டும். வரிசையில் ஆறு மாதங்களுக்கு முன்னர் நீங்கள் அட்டவணையைச் சேர்த்ததா அல்லது எத்தனை செல்கள் வரிசையில் இருந்தன என்பதையும் நினைவில் வைத்திருப்பது எளிதல்ல. பிளஸ், நீங்கள் குழு உறுப்பினர்களாக வலைப்பக்கங்களை பராமரித்தால், அட்டவணைகள் எவ்வாறு வேலை செய்யுமென்பது ஒவ்வொரு நபருடனும் விளக்கப்பட வேண்டும் அல்லது மாற்றங்களைச் செய்ய வேண்டிய அவசியத்தை கூடுதல் நேரம் எடுக்க வேண்டும் என எதிர்பார்க்க வேண்டும்.

CSS அதே சிக்கலானதாக இருக்கலாம், ஆனால் இது HTML இலிருந்து தனித்துவமாக வழங்கப்படுவதோடு நீண்ட காலமாக பராமரிக்க மிகவும் எளிதாகிறது. பிளஸ், CSS அமைப்பை நீங்கள் ஒரு CSS கோப்பு எழுத முடியும், மற்றும் பாணியில் அனைத்து உங்கள் பக்கங்கள் அந்த வழியில் பார்க்க. நீங்கள் உங்கள் தளத்தின் தளவமைப்பை மாற்ற வேண்டுமென்றால், நீங்கள் ஒரு CSS கோப்பை மாற்றி, முழு தளத்தையும் பயன்படுத்துகிறீர்கள் - ஒவ்வொரு பக்கமும் ஒரு பக்கத்தை ஒரு முறை அமைத்து, அட்டவணையை புதுப்பிக்கும் அட்டவணையை புதுப்பிக்கவும்.

அட்டவணைகள் நெகிழ்வற்றவை

சதவீத அகலங்களை கொண்ட அட்டவணை அமைப்புகளை உருவாக்கும் சாத்தியம் இருந்தாலும், அவை ஏற்றுவதற்கு மெதுவாக உள்ளன மற்றும் வியத்தகு முறையில் உங்கள் அமைப்பை எப்படி மாற்ற முடியும். ஆனால் உங்கள் அட்டவணையில் குறிப்பிட்ட அகலங்களைப் பயன்படுத்தினால், உங்கள் சொந்தத்திலிருந்து வேறுபட்ட அளவிலான அளவிலான கண்காணிப்பாளர்களுக்கு நல்லதல்ல என்று ஒரு கடுமையான அமைப்பைக் கொண்டு முடிக்கிறீர்கள்.

பல திரைகள், உலாவிகள், மற்றும் தீர்மானங்களை அழகாக வடிவமைக்கும் நெகிழ்வான அமைப்புகளை உருவாக்குவது ஒப்பீட்டளவில் எளிதானது. உண்மையில், CSS ஊடக கேள்விகளுடன், நீங்கள் வெவ்வேறு அளவு திரைகளில் தனி வடிவமைப்புகளை உருவாக்க முடியும்.

உள்ளமை அட்டவணைகள் அதே வடிவமைப்புக்கு CSS ஐ விட மெதுவாக ஏற்றவும்

அட்டவணைகள் கொண்ட ஆடம்பரமான அமைப்பு உருவாக்க மிகவும் பொதுவான வழி "கூடு" அட்டவணைகள் உள்ளது. அதாவது ஒன்று (அல்லது அதற்கு மேற்பட்ட) அட்டவணை மற்றொரு உள்ளே வைக்கப்படுகிறது. தொகுக்கப்பட்ட மேலதிக அட்டவணைகள், இணைய உலாவிக்கு பக்கத்தை வழங்குவதற்கு இது எடுக்கும்.

பெரும்பாலான சந்தர்ப்பங்களில், ஒரு அட்டவணை வடிவமைப்பு ஒரு CSS வடிவமைப்பை விட உருவாக்க அதிக எழுத்துக்களை பயன்படுத்துகிறது. மேலும் குறைவான எழுத்துகள் குறைவாக இருப்பதைக் குறிக்கின்றன.

அட்டவணைகள் தேடல் பொறி உகப்பாக்கம் பாதிக்கப்படக்கூடும்

அமைப்பை உருவாக்கிய மிகவும் பொதுவான அட்டவணை பக்கத்தின் இடது பக்கத்தில் ஒரு வழிசெலுத்தல் பட்டை மற்றும் வலது பக்கத்தில் உள்ள முக்கிய உள்ளடக்கம் உள்ளது. அட்டவணைகள் பயன்படுத்தும் போது, ​​இது (பொதுவாக) HTML இல் காட்டப்படும் முதல் உள்ளடக்கமானது இடது-கை ஊடுருவல் பட்டையாகும். தேடல் பொறிகள் உள்ளடக்கத்தை அடிப்படையாகக் கொண்ட பக்கங்களை வகைப்படுத்துகின்றன, மற்றும் பல பொறிகள் மற்ற உள்ளடக்கத்தை விட முக்கியமானது, பக்கத்தின் மேல் காட்டப்படும் உள்ளடக்கமானது மிகவும் முக்கியமானதாகும். எனவே, இடது பக்க ஊடுருவலுடன் கூடிய ஒரு பக்கம், வழிசெலுத்தலைக் காட்டிலும் குறைவான முக்கியத்துவத்தை கொண்டதாகத் தோன்றும்.

CSS ஐ பயன்படுத்தி, உங்கள் HTML இல் முக்கியமான உள்ளடக்கத்தை முதலில் வைக்கலாம், பின்னர் வடிவமைப்பில் வைக்கப்பட வேண்டும் என்பதைத் தீர்மானிக்க CSS ஐப் பயன்படுத்தலாம். இதன் பொருள் வடிவமைப்பானது, முக்கிய உள்ளடக்கத்தை முதல் பக்கத்தில் காண்பிக்கும், இது வடிவமைப்பில் பக்கம் குறைவாக இருந்தாலும்.

அட்டவணைகள் எப்போதும் நன்றாக அச்சிடுக

அச்சுப்பொறிக்காக மிகவும் பரவலாக இருப்பதால் பல அட்டவணை வடிவமைப்புகள் நன்றாக அச்சிட முடியாது. எனவே, அவற்றை பொருத்துவதற்கு, உலாவிகள் அட்டவணையை குறைத்து மிகவும் பின்தங்கிய பக்கங்களில் விளைவிக்கும் பிரிவுகளை பிரித்துவிடும். சில நேரங்களில் நீ சரியா இருக்கும் பக்கங்களுடன் முடிவடையும், ஆனால் முழு வலது பக்கமும் காணவில்லை. மற்ற பக்கங்கள் பல்வேறு தாள்களில் பிரிவை அச்சிடும்.

CSS மூலம் நீங்கள் பக்கம் அச்சிடுவதற்கு ஒரு தனி பாணி தாள் உருவாக்க முடியும்.

தளவமைப்புக்கான அட்டவணைகள் HTML 4.01 இல் தவறானது

HTML 4 விவரக்குறிப்பு இவ்வாறு கூறுகிறது: "அமைப்பை ஆவண உள்ளடக்கத்திற்கு ஒரு அட்டவணையை முற்றிலும் பயன்படுத்தக்கூடாது, இது அல்லாத காட்சி ஊடகங்களுக்கு வழங்கும்போது சிக்கல்களைச் சந்திக்கலாம்."

எனவே, நீங்கள் செல்லுபடியான HTML 4.01 எழுத விரும்பினால், நீங்கள் அமைப்பை அட்டவணையைப் பயன்படுத்த முடியாது. அட்டவணை அட்டவணையில் அட்டவணைகளை மட்டுமே நீங்கள் பயன்படுத்த வேண்டும். மற்றும் அட்டவணை தரவு பொதுவாக நீங்கள் ஒரு விரிதாள் அல்லது ஒருவேளை ஒரு தரவுத்தளத்தில் காட்ட வேண்டும் ஏதாவது தெரிகிறது.

ஆனால் HTML5, விதிமுறைகளை மாற்றியமைத்தது, இப்போது அட்டவணையில் அட்டவணைகள் பரிந்துரைக்கப்படவில்லை, இப்போது செல்லுபடியான HTML ஆகும். HTML5 குறிப்பீடு கூறுகிறது: "அட்டவணைகள் வடிவமைப்பு கருவியாகப் பயன்படுத்தப்படக் கூடாது."

திரையில் வாசகர்கள் வேறுபடுவதற்கு தளவமைப்பு அட்டவணைகள் கடினமாக இருப்பதால், நான் மேலே குறிப்பிட்டுள்ளபடி.

நிலை மற்றும் தளவமைப்புகளுக்கு CSS ஐ பயன்படுத்துவதன் மூலம் உங்கள் பக்கங்களை உருவாக்குவது அட்டவணையைப் பயன்படுத்த நீங்கள் பயன்படுத்தும் வடிவமைப்புகளை பெற மட்டுமே சரியான HTML 4.01 வழி. மேலும் HTML5 இந்த முறையையும் வலுவாக பரிந்துரைக்கிறது.

லேபிளுக்கான அட்டவணைகள் உங்கள் வேலை வாய்ப்புகளை பாதிக்கலாம்

மேலும் புதிய வடிவமைப்பாளர்கள் HTML மற்றும் CSS ஐ கற்றுக்கொள்வதால், அட்டவணையை வடிவமைப்பதில் உங்கள் திறமை குறைவாகவும் குறைவாகவும் இருக்கும். ஆமாம், வாடிக்கையாளர்கள் தங்கள் இணைய பக்கங்களை உருவாக்க நீங்கள் பயன்படுத்தும் சரியான தொழில்நுட்பத்தை பொதுவாக சொல்லவில்லை என்பது உண்மை. ஆனால் அவர்கள் உங்களை போன்ற விஷயங்களை கேட்க:

• அணுகக்கூடிய வலைப்பக்கங்கள்: ஸ்கிரீன் ரீடர்ஸால் பார்க்கக்கூடிய வடிவமைப்புகள் பல நாடுகளாலும் கட்டாயப்படுத்தப்படுகின்றன, மேலும் ஒவ்வொரு நாளும் அணுகக்கூடிய தன்மை மிகவும் முக்கியத்துவம் வாய்ந்ததாக இருக்கிறது.
• பராமரிக்கக்கூடிய வலைப்பக்கங்கள்: நீங்கள் அவற்றை எதிர்காலத்தில் பராமரிக்க போகவில்லை என்றால் அவர்கள் அவர்களுடன் எடுக்கும் வடிவமைப்புகள்.
• நெகிழ்வான வடிவமைப்புகள்: பல உலாவிகள், தீர்மானங்கள் மற்றும் சாதனங்கள் முழுவதும் வேலை செய்யும் வடிவமைப்புகள்.
• வேகமாக பதிவிறக்க பக்கங்கள்: வேகம் மேலும் முக்கியமாக வருகிறது, கூட எஸ்சிஓ.
• அச்சிடப்பட்ட வடிவமைப்புகள்: சிறப்பு ஸ்கிரிப்டுகள் அல்லது கூடுதல் பக்கங்கள் இல்லாமல் அச்சிடும் பக்கங்கள்.

வாடிக்கையாளர்கள் என்ன வேண்டுமென்று கேட்கிறார்களோ, அவை உங்களுக்கு இன்றியமையாததாக இருக்கலாம், ஆனால் ஒருவேளை அடுத்த ஆண்டு அல்லது அடுத்த வருடம் இருக்கலாம். 1990 களின் பிற்பகுதி முதல் பயன்பாட்டில் உள்ள ஒரு நுட்பத்தை நீங்கள் கற்றுக் கொள்ளத் தயாராக இல்லை என்பதால் உங்கள் வியாபாரத்தை அனுபவிக்க அனுமதிக்க முடியுமா?

ஒழுக்கம்: CSS ஐ பயன்படுத்த கற்றுக்கொள்ளுங்கள்

CSS கற்றுக்கொள்ள கடினமாக இருக்கலாம், ஆனால் பயனுள்ளது எதுவாக இருந்தாலும் முயற்சி எடுக்கும். தேடல்களைத் தேடாதீர்கள். CSS கற்கவும் மற்றும் உங்கள் வலைப்பக்கங்களை அமைப்பதற்கான CSS உடன் கட்டப்பட்டது என்று அர்த்தம்.