Skip to main content

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

:

Anonim

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 கற்று மற்றும் அவர்கள் கட்டப்பட்டது வேண்டும் என்று உங்கள் வலை பக்கங்கள் உருவாக்க.