የድሮ ኤች ቲ ኤም ኤል አባሎችን እና ወደ HTML5 አዲስ ያካትታል
ምንም እንኳን ከ 600 ዓመታት በፊት የድረ-ገጽ ግንባታ በ HTML ላይ ለመጀመሪያ ጊዜ ከድር ዲዛይኖች / ገንቢዎች ጋር ለመጀመሪያ ጊዜ ጥቅም ላይ የዋለ ቢሆንም, የቡድኑ ባለሙያዎች ብዙ ነገርን እንደገና ከማነፃፀር ይልቅ ለበርካታ ባለሙያዎች ጠንቅቀው ያውቁ ነበር. ከዚህ በፊት በነበረው ላይ የተገነባ ነው. ኤችቲኤምኤል 4.01 ን ያወቀ ማንኛውም ሰው በፍጥነት በኤች.ቲ.ኤም.ኤል. ውስጥ የዚህ አይነቴ እትም ሊገኝ ይችላል.
ኤች ቲ ኤም ኤል 5 በተወሰነ ጊዜ ውስጥ በኤች ቲ ኤም ውስጥ ብዙ ነገሮችን ያካተተ ቢሆንም ለኤች.ቲ.ኤም.ኤል አዲስ አምሳያዎችም አስተዋውቋል. ለአብዛኞቹ እነዚህ አዳዲስ ክፍሎች "ጎማዎችን መትከል" የሚባለውን ዘዴ ጥቅም ላይ ውሏል. ይህ ማለት በዩ.ኤስ. በአብዛኛው ዛሬ ሰዎች ምን እያደረሱ እንዳሉ እና ለማደናቀፍ ለመሞከር ነው. በድር ዲዛይኖች ላይ ይህ ማለት ገጾችን እንዴት አስቀድመው ገነቡ እንደነበሩ እና በእነዚህ እንቅስቃሴዎች ላይ አዳዲስ አባላትን ውሳኔዎች ላይ መሰረት ያደረገበትን ሁኔታ ለመመልከት ነው. ለምሳሌ, ብዙ የድር ባለሙያዎች የድር አርዕስቶችን ወይም "አርዕስት", "nav" እና "ግርጌ" የሚባለውን የመመደብ መለያዎችን በመጠቀም ድር ጣቢያዎችን ይገነባሉ. እንደ እነዚህ ያሉት ኤች ቲ ኤም ኤል 5 እነዚህ ክፍሎችን እንደ አዲስ አካላት ያስተዋውቀዋል, ይህም የድር ባለሙያዎች ከፋፍሎዎች ይልቅ ራሳቸውን የቻለ ክፍልፋዮች በመጠቀም ወደ ሰነዶቻቸው እንዲጨምሩ ያስችላቸዋል. ይህ የአቀራረብ ልምድ እና አቀራረቦችን በ HTML የመፈለጊያ ኢንዱስትሪ ፈጥኖ እንዲደርስ የረዳው ኤች ቲ ኤም ኤ 5 እንዲኖር አድርጓል.
HTML5 Doctype
በመጀመሪያ ደረጃ, ማንኛቸውም አዲስ የኤች.ቲ.ኤም.ኤል 5 ኤኤምፒሎችን ለመጠቀም, የእርስዎ ሰነድ የኤች.ቲ.ኤም.ኤል 5 ዶክተፕይትን ማካተት አለበት:
ዶክተሩ ይህን "ኤች ቲ ኤም ኤ 5" ለይቶ አይጠቅስም, ግን ስሪቱን እንደ "html" ይገልጻል. ይህ የሆነበት ምክንያት ይህ ዶክተፕስ በቋንቋው ላይ በሚነገርበት ጊዜ ሁሉ ወደፊት የሚሠራበት ዓላማ ስለሆነ ነው.
በእርግጥ, ኤች ቲ ኤም ኤ 5 ለወደፊቱ ቀጣይ ለውጦች በመጨመር አዳዲስ ቁጥር ያለው የቋንቋው ስሪት ነው ተብሎ ይታመናል. በእርግጥ, እ.ኤ.አ. በ 2010 የመጀመሪያ ግፋ ካደረጉ በኋላ, ከዚህ በታች ከተዘረዘሩት ዝርዝር ውስጥ የተወሰኑት ክፍሎች ለቋንቋው ተጨምረዋል.
HTML5 መለያዎች
መለያ | ማብራርያ |
---|---|
መልህቅ ወይም አገናኝ | |
abbr> | ምህፃረ ቃል |
<አድራሻ> address> | የሰነዱ አድራሻ ወይም አዘጋጆች |
<አካባቢ> | የደንበኛ ጎን ምስል ካርታ |
| አንቀጽ |
ተጨባጭ ይዘት | |
ኦዲዮ ዥረት | |
b> | ደማቅ |
| በሰነዱ ውስጥ ለተገኙ ክፍሎች ውስጥ መሰረታዊ URI ዱካዎች |
bdo> | ባለሁለት አቅጣጫዊ ስልተ-ቀመር |
blockquote> | ረጅም ጥቅስ |
<አካል> body> | የገጹ አካል |
| የመስመር መግቻ |
<አዝራር> button> | HTML የቅጽ አዝራር |
<ሸራ> canvas> | ለዋና ግራፊክስ |
አስተያየት | |
| የሠንጠረዥ ጽሁፍ |
cite> | ዋቢ |
code> | የማጣቀሻ ኮድ |
<ኮል> | የሠንጠረዥ አምድ |
| የሠንጠረዥ ዓምድ አደራደር |
<ትዕዛዝ> | በገጹ ላይ ትዕዛዝ ወይም እርምጃ |
ሰነድ ዓይነት ፍቺ | |
| የውሂብ ፍርግርግ |
ለሌላ መቆጣጠሪያዎች ቀድሞ የተበየኑ አማራጮች | |
| የዝርዝር ማብራሪያ ዝርዝር ወይም የንግግር ጊዜ |
| የተሰረዘ ጽሑፍ |
<ዝርዝሮች> details> | ተጨማሪ በትዕዛዝ መረጃ |
dfn> | ፍቺ |
| ውይይት |
div> | ምክንያታዊ ክፍፍል |
| መግለጫ ዝርዝር |
| የዝርዝር ማብራሪያ ዝርዝር ወይም የመገናኛ ድምጽ ማጉያ |
em> | ተፅዕኖ |
ለ ተሰኪዎች የተጨመረው ኤለመንት | |
<መስክ> fieldset> | የቅጽ መቆጣጠሪያ ቡድን |
| ለ |
ከተጨማሪ መግለጫ ፅሁፍ ጋር | |
የገጹ ግርጌ | |
<ቅፅ> form> | ቅጽ |
h1> | የመጀመሪያው ደረጃ ርእስ መስመር |
h2> | ሁለተኛ ደረጃ ርእስ መስመር |
h3> | የሶስተኛ ደረጃ ርእስ መስመር |
h4> | የአራተኛ ደረጃ ርእስ መስመር |
h5> | የአምስተኛ ደረጃ ርእስ መስመር |
h6> | የስድስተኛ ደረጃ ርእስ መስመር |
head> | የሰነዱ ኃላፊ |
<ራስጌ> header> | የአንድ ገጽ ርዕስ |
hgroup> | መሪ ቡድን |
| አግድም ደንብ |
html> | የአንድ ድረ ገጽ ዋነኛ ክፍል |
i> | ሰያፍ ጽሁፍ ቅጥ |
የመስመር ውስጥ ፍሬም | |
ምስል | |
<ግብዓት> | የግቤት ቅጥ አባል |
<የግቤት አይነት = "አዝራር"> | የአዝራር ቅፅል አባል |
<የግቤት አይነት = "አመልካች ሳጥን"> | የአመልካች ሳጥን ቅጽ |
<የግብዓት አይነት = "ቀለም"> | የቀለም ግቤት |
<የግብዓት አይነት = "ቀን"> | ቀን ግብዓት |
<የግብዓት አይነት = "ጊዜ ጊዜ"> | አለም አቀፍ ቀን እና ሰዓት ግቤት |
<የግብዓት አይነት = "ጊዜ-አካባቢያዊ" | አካባቢያዊ ቀን እና ሰዓት ግቤት |
<የግብዓት አይነት <"ኢሜይል"> | የኢሜይል አድራሻ ግብዓት |
<የግብዓት አይነት = "ፋይል"> | የፋይል ሰቀላ ኤለመንት ፋይል |
<የግብዓት አይነት = «ተደብቋል» | የተደበቀ የቅጽ መስክ አባለ ነገር |
<የግብዓት አይነት = "ምስል"> | የምስል ቅጽ አባል |
<የግብዓት አይነት = «ወር»> | የአመት እና ወር ግብዓት |
<የግብዓት አይነት = "ቁጥር"> | የቁጥር ግብዓት |
<የግቤት አይነት <"ይለፍ ቃል.> | የይለፍ ቃል አካል አባል |
<የግብዓት ዓይነት = "ሬዲዮ"> | የሬዲዮ አዝራር ቅጽ አካል |
<የግብዓት አይነት = «ክልል» | የቁጥር ግብዓት አስገባ |
<የግብዓት አይነት = «ዳግም አስጀምር» | የአዝራር የቅጽ አባል ዳግም ያስጀምሩ |
<የግቤት አይነት = "ፍለጋ"> | የፍለጋ መስክ |
<የግቤት አይነት = "አስገባ"> | የአዝራር የቅጽ አባል ያስገቡ |
<የግብዓት ዓይነት = "ቴሌ ውስጥ" | የስልክ ቁጥር ግብዓት |
<የግብዓት አይነት = "ጽሑፍ"> | የፅሁፍ የመስክ ቅጽ አካል |
<የግብዓት አይነት = "ጊዜ"> | የጊዜ ግቤት |
<የግብዓት አይነት = "url"> | የዩአርኤል ግቤት |
<የግብዓት አይነት = "ሳምንት"> | የአመት እና የሳምንት ግቤት |
ins> | የገባ ጽሑፍ |
kbd> | በተጠቃሚው የሚገባ ጽሑፍ |
| ለእውቅና ማረጋገጫ አስተዳደር ቁልፎችን ያስቀምጡ |
የቅጹ ስም | |
የቅጽበታዊ መግለጫ ፅሁፍ ቅፅ | |
| የዝርዝር ንጥል |
ተዛማጅ ሰነዶችን ያገናኙ | |
| በገጹ ላይ ያለው ዋናው የይዘት አካባቢ |
የደንበኛ ጎን ምስል ካርታ | |
mark> | ምልክት ተደርጎበታል ወይም የደመቀ ጽሑፍ |
የትእዛዞች ዝርዝር | |
ስለ ሰነዱ የሜታ መረጃ | |
| Scalar gauge |
የአሰሳ አገናኞችን ያለበትን ቦታ ይግለጹ | |
ስክሪፕቶች በማይገኙበት ጊዜ ይዘት | |
መደበኛ ያልሆነ ነገር | |
| ቅደም ተከተል የተሰጠው ወይም ቁጥራዊ ዝርዝር |
በተመረጠው ዝርዝር ውስጥ የአማራጮች ቡድን | |
<አማራጭ> option> | በተመረጠው ዝርዝር ውስጥ አማራጭ |
<ውፅዓት> output> | የአንድ ቅጽ ቅደም ተከተል ውጤት |
p> | አንቀጽ |
የነገር ቁምፊ ልኬት | |
pre> | የቅድመ-ቅርጸት ጽሑፍ |
የሂደት አመልካች | |
q> | አጭር መስመር ውስጥ ዋጋ |
Ruby ቅንፎች | |
Ruby text | |
<ቅርጽ> ruby> | የ Ruby ማብራሪያ |
| የምልክት መልዕክት |
samp> | የናሙና ውፅዓት |