የኤች.ቲ.ኤም.ኤል IMG መለያ ለፎርት እና ለዕቃዎች መጠቀም
የኤችቲኤምኤል መለያ የዲጂታል ስዕሎች በአንድ የድረ ገጽ ውስጥ ስዕሎችን እና ሌሎች የማይንቀሳቀሱ ግራፊክ ነገሮችን ማስገባትን ይገዛል. ይህ የተለመደው መለያ በአሳታፊነት እና ምስል-ተኮር ድርጣብያ የመቅረጽ ችሎታዎ ላይ የበለፀገ ሀብትን የሚያክል በርካታ አስገዳጅ እና አማራጭ አማራጭዎችን ይደግፋል.
ሙሉ በሙሉ የተሰራ HTML የ IMG መለያ ይህን ይመስላል:
የሚያስፈልጉ IMG መለያ ባህሪያት
SRC. በድረ ገጽ ላይ ለማሳየት አንድ ምስል ለማግኘት የሚያስፈልግዎ ብቸኛው ባህርይ የ SRC አይነታ ነው. ይህ አይነታ የምስል ፋይሉ ስም እና ቦታ ያሳያል.
ALT. ትክክለኛ የ XHTML እና HTML4 ለመጻፍ, የ ALT ባህሪ ያስፈልጋል. ይህ አይነታ ምስሎችን በሚገልፅ ጽሁፍ የማይታዩ አሳሾችን ለማቅረብ ያገለግላል. አሳሾች አማራጭ ጽሑፍን በተለያዩ መንገዶች ያሳያሉ. አንዷ መሳይህን በምስሉ ላይ ስታስቀምጥ ብቅ-ባይን ሲያሳይ ሌሎቹ ደግሞ በምስሉ ላይ በቀኝ-ጠቅታ ስትከፍት ባህርይ ሲያሳዩ እና አንዳንዶቹ ግን ጨርሶ አያሳዩትም.
ስለ ድረ ገጽ ጽሁፍ አግባብነት የሌላቸው ወይም አስፈላጊ ስለሆኑ ምስሎች ተጨማሪ ዝርዝሮችን ለመስጠት የቃላቱን ጽሑፍ ይጠቀሙ. ነገር ግን በማያ ገጽ አንባቢዎች እና በሌሎች የጽሑፍ ብሮቸሮች ብቻ ፅሁፉ በቀጣዩ የጽሁፍ ይዘት ውስጥ መስመር ውስጥ ይነበባል. ግራ መጋባትን ለማስወገድ እንደ "አርማ" ይልቅ ፋንታ "ስለ ድር ዲዛይን እና ኤች ቲ ኤም ኤል" የሚገልጽ ገላጭ የሆኑ ጽሑፎችን ይጠቀሙ.
በ HTML5 ውስጥ ተጨማሪ መግለጫዎችን ለማከል የመግለጫ ፅሁፍ መጠቀም ስለሚቻል, የ ALT አይነታ ሁልጊዜ አያስፈልግም. እንዲሁም ሙሉ መግለጫ የያዘ መታወቂያ ለማመልከት ARIA-DESCRIBEDBY ባህሪን መጠቀም ይችላሉ.
እንዲሁም በድረ ገጽ ወይም አዶዎች ላይ እንደ ስዕላዊ ምስልን የመሳሰሉ ምስሎቹ በሙሉ ንጽጽራዊ ከሆኑ ወሳኝ ጽሁፎች አያስፈልግም. ግን እርግጠኛ ካልሆኑ, በተያያዙ ጉዳዮች ላይ ሁለቱንም ጽሁፎች ያካትቱ.
የሚመከሩ IMG ባህሪዎች
WIDTH እና HEIGHT . ሁልጊዜ የ WIDTH እና HEIGHT ባህሪያትን የመጠቀም ልምድን መከተል አለብዎት. እና ሁልጊዜ ትክክለኛውን መጠን መጠቀም አለብዎት እና ምስሎችን በአሳሽዎ ላይ አይቀይረውም.
እነዚህ አይነቃዎች ገጹን መስራት ያፋጥነዋል ምክንያቱም አሳሽ ለሙሉ ዲዛይን ቦታን በቦታ ሊመደብ ይችላል, እና በመቀጠል ሙሉውን ይዘት ለማውረድ ከመጠበቅ ይልቅ የቀረውን ይዘቱን ማውረድ ይቀጥሉ.
ሌሎች ጠቃሚ የሆኑ IMG ባህሪያት
TITLE . አይነታ በየትኛውም የኤችቲኤምኤል አካል ላይ ሊተገበር የሚችል አለምአቀፍ ባህርይ ነው. ከዚህም በላይ የ TITLE ባህሪ ስለ ምስሉ ተጨማሪ መረጃ እንዲያክሉ ያስችልዎታል.
አብዛኞቹ አሳሾች የ TITLE ባህሪን ይደግፋሉ, ነገር ግን በተለያየ መንገድ ያከናውናሉ. አንዳንዶቹ ጽሑፉ እንደ ብቅባይ ያሳያል, ሌሎች ግን በመረጃ ማያ ገጾች ላይ ምስሉ ላይ ቀኝ-ጠቅ ማድረግ ሲፈልጉ. ስለ ምስሉ ተጨማሪ መረጃ ለመጻፍ የ TITLE ባህሪን መጠቀም ይችላሉ, ነገር ግን ይህ መረጃ የተደበቀ ወይም የሚታይ አድርገው አይቆጥሩ. በተለይ ለፍለጋ ፕሮግራሞች ቁልፍ ቃላቶችን ለመደበቅ ይህን ፈጽሞ መጠቀም የለብዎትም. ይህ ልማድ በአብዛኛዎቹ የፍለጋ ሞተሮች ነው.
USEMAP እና ISMAP . እነዚህ ሁለት ባህሪያት ደንበኞችን () እና የአገልጋይ-ጎን (ISMAP) ምስሎችን ወደ ምስሎችዎ ያቀናብሩ.
LONGDESC . አይነታው ለገሚው ረጅም ማብራሪያ ማብራሪያ ዩ አር ኤልዎችን ይደግፋል. ይህ ባህሪ ምስሎችዎን ይበልጥ ተደራሽ ያደርገዋል.
የ IMG ባህሪያት ጎድተዋል እና ዘግይተዋል
ብዙ ባህሪያት አሁን በኤች ቲ ኤም ኤል 5 ውስጥ ተደምጠዋል ወይም በኤች ቲ ኤም ኤል 4 ውስጥ ተቋርጠዋል. ምርጥ ኤችቲኤምኤል እነዚህን ፍቃዶች ከመጠቀም ይልቅ ሌሎች መፍትሄዎችን ማግኘት አለብዎት.
BORDER . መገለጫው በምስሉ ዙሪያ ካለው ከማንኛውም ክፈፍ ስፋቱ በፒከሎች ይገልጻል. ኤች.ቲ.ኤም.ኤል 3 ን በ CSS ይደግፋል እንዲሁም በኤች.ቲ.ኤም.ኤል 5 ውስጥ ጊዜ ያለፈበት ነው.
ቀለም . ይህ ባህርይ በፅሁፍ ውስጥ ምስል እንዲቀመጥ እና የጽሑፍ ፍሰት እንዲኖረው ያስችልዎታል. ምስሉን ወደ ቀኝ ወይም ወደ ግራ መስመር ይችላሉ. ኤች ቲ ኤም ኤል 4 ላይ ኤች ቲ ኤም ኤል (ኤች.
HSPACE እና VSPACE . የ HSPACE እና VSPACE ባህርያት ነጭ ቦታን ጎን ለጎን (HSPACE) እና በአቀባዊ (VSPACE) ይጨምራሉ. በነጭ ግራም (ግራ እና ቀኝ, ግራ እና ቀኝ) ላይ ነጭ ቦታ ይታከልበታል, ስለዚህ በአንዱ አንድ ቦታ ብቻ ካስፈለግዎት CSS ን መጠቀም አለብዎት. እነዚህ ባህርያት በኤች.ቲ.ኤም.ኤል 4 ተቀባይነት የሌላቸው የ "ኤን.ቲ.ኤም." ን ንብረት ይደግፋሉ, ኤች.ቲ.ኤም.ኤል 5 ውስጥ ጊዜ ያለፈባቸው ናቸው.
LOWSRC . የምስል ምንጭዎ በጣም ትልቅ በመሆኑ ምስልን በጣም በዝግታ ሲወርድ የ LOWSRC ባህሪ ያመጣል. ለምሳሌ, በድረ-ገጽዎ ማሳየት የሚፈልጉት 500 ኪባ የሆነ ምስል ሊኖርዎት ይችላል, ነገር ግን 500 ኪባ ቢወርድ ረጅም ጊዜ ሊወስድ ይችላል. ስለዚህ በጥቁር እና ነጭ በጥቁር እና በጥሩ ሁኔታ የተመቻቸን የምስሉ ትንሽ ምስል ይፍጠሩ እና በ LOWSRC ባህሪ ውስጥ ያስቀምጡታል. አነስተኛው ምስል መጀመሪያ ያውርዳል እና ያሳያል, ከዚያም ትልቁ ምስል ሲታይ ዝቅተኛውን ምንጭ ይተካዋል.
የ LOWSRC ጠቋሚ ወደ የ Netscape Navigator 2.0 ወደ IMG መለያ ታክሏል. የ DOM ደረጃ 1 አካል ነበር ሆኖም ግን ከዚያ ከ DOM ደረጃ 2 ተወግዷል. የሁሉም አሳሾች በአጠቃላይ ዘመናዊ አሳሾች የተደገፈ ቢሆንም የአሳሽ ድጋፍ ለዚህ ንድፍ ተጨምሯል. በኤችቲኤምኤል ውስጥ አይሰራም ወይም በኤች.ቲ.ኤም.ኤል 5 ውስጥ ጊዜው ያለፈበት ነው ምክንያቱም በየትኛውም የተለየ መግለጫ አካል አይደለም.
ይህን ባህርይ ከመጠቀም ይልቅ ምስሎችን በፍጥነት እንዲጫኑ በምርጫዎ ይምጡ. የፍላጎት መጫን የዌብ ዲዛይነር ወሳኝ ክፍል ነው, እና ትልልቅ ምስሎች የታቀፈውን ገጾች በጣም ዝቅ የሚያደርጉት - የ LOWSRC ባህሪን ቢጠቀሙም.