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

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

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

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

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

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

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

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

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

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

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

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

చాలామంది మానిటర్లు, బ్రౌజర్లు మరియు తీర్మానాలపై మంచిగా కనిపించే సౌకర్యవంతమైన లేఅవుట్లను సృష్టిస్తోంది. నిజానికి, 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 తెలుసుకోండి మరియు వారు నిర్మించిన అర్థం మీ వెబ్ పేజీలు నిర్మించడానికి.