ఎందుకు మీరు వెబ్ పేజీ లేఅవుట్ కోసం పట్టికలు మానుకోవాలి

CSS వెబ్ పేజీ డిజైన్లను నిర్మించడానికి ఉత్తమ మార్గం

CSS లేఔట్ల రాయడం నేర్చుకోవడం ప్రత్యేకంగా మీరు ఫాన్సీ వెబ్ పేజీ లేఅవుట్లు సృష్టించడానికి పట్టికలు ఉపయోగించి తెలిసి ఉంటే, గమ్మత్తైన ఉంటుంది. కానీ HTML5 లేఅవుట్ కోసం పట్టికలను అనుమతిస్తుంది, ఇది మంచి ఆలోచన కాదు.

పట్టికలు అందుబాటులో ఉండవు

శోధన ఇంజిన్ల వలె, చాలా స్క్రీన్ రీడర్లు HTML లో ప్రదర్శించబడే క్రమంలో వెబ్ పేజీలను చదువుతాయి. స్క్రీన్ రీడర్లు అన్వయించడం కోసం పట్టికలు చాలా కష్టంగా ఉంటాయి. ఎందుకంటే, టేబుల్ లేఅవుట్లోని కంటెంట్ సరళంగా ఉన్నప్పుడు ఎడమవైపు నుండి కుడికి మరియు ఎగువ నుండి దిగువకు చదివేటప్పుడు ఎల్లప్పుడూ సమంజసం కాదు. ప్లస్, సమూహ పట్టికలు, మరియు పట్టిక కణాలపై వివిధ పరిధులను పేజీ గుర్తించడానికి చాలా కష్టం చేయవచ్చు.

ఇది HTML5 స్పెసిఫికేషన్ లేఅవుట్ కోసం పట్టికలు మరియు ఎందుకు HTML 4.01 నిరాకరించినందుకు సిఫార్సు చేసింది. అందుబాటులోని వెబ్ పేజీలు ఎక్కువమంది వాటిని ఉపయోగించుటకు అనుమతించును మరియు ఒక ప్రొఫెషనల్ డిజైనర్ యొక్క గుర్తు.

CSS తో, మీరు పేజీ యొక్క ఎడమ వైపు చెందిన ఒక విభాగం నిర్వచించలేదు కానీ HTML లో చివరి ఉంచండి. అప్పుడు స్క్రీన్ రీడర్ లు మరియు శోధన ఇంజిన్లు ఒకే విధంగా ముఖ్యమైన భాగాలు (కంటెంట్) మొదటి మరియు తక్కువ ముఖ్యమైన భాగాలు (పేజీకి సంబంధించిన లింకులు) చివరిని చదువుతాయి.

పట్టికలు ట్రిక్కీ

మీరు ఒక వెబ్ ఎడిటర్తో ఒక పట్టికను సృష్టించినప్పటికీ, మీ వెబ్ పేజీలు ఇప్పటికీ చాలా క్లిష్టంగా ఉంటాయి మరియు నిర్వహించడానికి కష్టమవుతాయి. చాలా సాధారణ వెబ్ పేజీ రూపకల్పనలకు మినహాయించి, చాలా లేఅవుట్ పట్టికలు చాలా ఉపయోగం మరియు లక్షణాలను మరియు సమూహ పట్టికలు అవసరం.

మీరు దీన్ని చేస్తున్నప్పుడు పట్టికను రూపొందించడం సులభం కాకపోవచ్చు, కానీ మీరు దానిని నిర్వహించాలి. ఆరు నెలలు గడిలో మీరు పట్టికలు లేదా ఎన్ని కణాలు వరుస మరియు అందువలన న ఉన్నాయో ఎందుకు గుర్తుంచుకోవడానికి సులభం కాదు. ప్లస్, మీరు బృందం సభ్యునిగా వెబ్ పేజీలను నిర్వహిస్తే, మీరు పట్టికలను ఎలా పని చేస్తారో ప్రతి వ్యక్తికి వివరించాల్సి ఉంటుంది లేదా మార్పులు చేయవలసి వచ్చినప్పుడు అదనపు సమయాన్ని తీసుకోవాలని వారు ఆశించాలి.

CSS అలాగే సంక్లిష్టంగా ఉంటుంది, కానీ అది HTML నుండి వేరుగా ఉన్న ప్రదర్శనను ఉంచుతుంది మరియు దీర్ఘకాలంలో నిర్వహించడానికి చాలా సులభం చేస్తుంది. ప్లస్, CSS లేఅవుట్ తో మీరు ఒక CSS ఫైల్ వ్రాయవచ్చు, మరియు ఆ విధంగా అన్ని మీ పేజీ శైలిని శైలి. మరియు మీరు మీ సైట్ యొక్క లేఅవుట్ను మార్చుకోవాలనుకున్నప్పుడు, మీరు కేవలం ఒక CSS ఫైల్ను మార్చండి మరియు మొత్తం సైట్ chnges-no మరింత ప్రతి పేజీలో ఒకదానిలో ఒకటి లేఅవుట్ను అప్డేట్ చెయ్యడానికి పట్టికలు నవీకరించడానికి.

పట్టికలు కఠినమైనవి

శాతం వెడల్పులతో పట్టిక లేఅవుట్లను సృష్టించడం సాధ్యమవుతుంది, అవి తరచూ లోడ్ చేయడానికి నెమ్మదిగా ఉంటాయి మరియు నా లేఅవుట్ ఎలా కనిపిస్తుందో నాటకీయంగా మార్చవచ్చు. కానీ మీరు మీ టేబుల్స్ కోసం పేర్కొన్న వెడల్పులను ఉపయోగిస్తే, మీ స్వంత నుండి వేర్వేరుగా పరిమాణ మానిటర్లపై మంచిగా కనిపించని చాలా దృఢమైన లేఅవుట్తో ముగుస్తుంది.

చాలామంది మానిటర్లు, బ్రౌజర్లు మరియు తీర్మానాలపై మంచిగా కనిపించే సౌకర్యవంతమైన లేఅవుట్లను సృష్టిస్తోంది. నిజానికి, CSS మీడియా ప్రశ్నలతో, మీరు విభిన్న పరిమాణ స్క్రీన్లకు ప్రత్యేక డిజైన్లను సృష్టించవచ్చు.

Nested పట్టికలు అదే డిజైన్ కోసం 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 తెలుసుకోవడానికి, పట్టిక లేఅవుట్ లు మీ నైపుణ్యాలు తక్కువ మరియు తక్కువ డిమాండ్ ఉంటుంది. అవును, వినియోగదారులు వారి వెబ్ పేజీలను నిర్మించటానికి ఉపయోగించుకునే ఖచ్చితమైన టెక్నాలజీని సాధారణంగా చెప్పరు. కానీ వారు ఇలాంటి విషయాల కోసం మిమ్మల్ని అడుగుతారు:

• అందుబాటులోని వెబ్ పేజీలు: స్క్రీన్ రీడర్లు వీక్షించగలిగే డిజైన్లను అనేక దేశాలు తప్పనిసరిగా నిర్వహిస్తున్నాయి మరియు రోజువారీ ప్రాప్యత మరింత ప్రాముఖ్యతను పొందుతున్నాయి.
• నిర్వహించదగిన వెబ్ పేజీలు: భవిష్యత్తులో వాటిని నిర్వహించలేకపోతున్నప్పటికీ, వారు వారితో తీసుకెళ్లే డిజైన్లు.
• ఫ్లెక్సిబుల్ డిజైన్స్: అనేక బ్రౌజర్లు, తీర్మానాలు, మరియు పరికరాలు అంతటా పని చేసే నమూనాలు.
• ఫాస్ట్ డౌన్లోడ్ పేజీలు: వేగం కూడా SEO కు, మరింత ముఖ్యమైన మారుతోంది.
• ముద్రణా డిజైన్లు: ప్రత్యేక స్క్రిప్ట్స్ లేదా అదనపు పేజీలు లేకుండా ప్రింట్ చేసే పేజీలు.

మీరు క్లయింట్లు అడిగే వాటిని బట్వాడా చేయలేకపోతే, వారు మీకు ఈరోజు కాని, మరుసటి సంవత్సరం లేదా సంవత్సరం తరువాత డిజైన్ చేయకపోవచ్చు. 1990 ల చివర నుండి ఉపయోగంలో ఉన్న ఒక టెక్నిక్ను నేర్చుకోవడం మీకు సిద్ధంగా లేనందున మీ వ్యాపారాన్ని బాధపెట్టడానికి మీరు నిజంగా కోరుకుంటారా?

నైతిక: CSS ను తెలుసుకోండి

CSS నేర్చుకోవడానికి కష్టంగా ఉండవచ్చు, కానీ విలువైనదే ఏదైనా ప్రయత్నం విలువ. నిలకడ నుండి మీ నైపుణ్యాలను ఉంచవద్దు. CSS తెలుసుకోండి మరియు మీ వెబ్ పేజీలను లేఅవుట్ కోసం CSS తో నిర్మించాలని భావించిన విధంగా నిర్మించండి.