පැරණි HTML මූලද්රව්ය සහ HTML5 වලට අලුත්
එහි සංවර්ධනය ආරම්භ වී වසර ගණනාවකට පෙර සිටම HTML5 ප්රථමයෙන් වෙබ් නිර්මාණකරුවන් / සංවර්ධකයින් සමඟ පොදු භාවිතයට පිවිසියේය. 2010 දී වෙබ් අඩවි වෘත්තිකයන්ට බොහෝ විට වෙබ් වෘත්තිකයින්ට හුරු පුරුදු භාෂාව දැනුනේ, HTML5 පෙර තිබූ දේවල් මත ගොඩ නැගිනි. HTML 4.01 දැන හඳුනන ඕනෑම කෙනෙකුට ඉක්මණින් සොයා ගත හැකි වූ පරිදි එම අනුවාදය HTML5 හි සොයා ගත හැකි විය.
HTML5 යම් කාලයක් සඳහා HTML හි ඇති බොහෝ අංග අඩංගු වන අතර එය HTML5 වෙත නවීකරණය කරන ලද අංග කිහිපයකි. මෙම නව මූලද්රව්ය බොහෝමයක් සඳහා, "කාප්පවලට මැදිවීම" යනුවෙන් හඳුන්වන ප්රවේශය භාවිතා කරන ලදි. මෙය සාමාන්යයෙන් භාවිතා කරන්නේ කුමක්දැයි දැන ගැනීමට අවශ්ය වන්නේ තොරතුරු තාක්ෂණයේ සාමාන්යයෙන් භාවිතා වන යෙදුමකි. වෙබ් නිර්මාණකරුවන් සම්බන්ධයෙන් ගත් කල, ඒවා දැනටමත් ඉදි කර ඇති පිටු සහ එම ක්රියාකාරකම් සඳහා නව අංග මත තීරණ පාදන ආකාරය බැලීමට මෙය අදහස් විය. නිදසුනක් ලෙස, බොහෝ වෙබ් වෘත්තිකයින් විසින් "ශීර්ෂකය", "nav" සහ "පාදකය" වල ID හෝ පංති ගුණාංග භාවිතා කළ බෙදීම් සහිත වෙබ් අඩවි නිර්මාණය කරනු ඇත. එනිසා HTML5 මෙම නව අංග ලෙස හඳුන්වා දුන්නේ, නිකම්ම බෙදීම් වෙනුවට වෙන් වෙන් කොටස් එක් කිරීම මගින් වෙබ් ලේඛකයින් ඔවුන්ගේ ලේඛන සඳහා වැඩි අර්ථයක් එක් කිරීමට ඉඩ දීමයි. වර්තමාන භාවිතයන් පිළිගත් සුචරිතය සහ මෙම සංයෝගයේ මෙම HTML5 වෙබ් නිර්මාණකරණ කර්මාන්තය විසින් ඉක්මනින්ම වැලඳ ගෙන ඇත.
HTML5 Doctype
මුලින්ම, ඕනෑම නව HTML5 අංගයක් භාවිතා කිරීම සඳහා, ඔබේ ලේඛනය HTML5 doctype ඇතුලත් කළ යුතුය:
මෙම දෝශිතය "HTML5" යන්න විශේෂයෙන් සඳහන් නොකරන බව ඔබට පෙනෙනු ඇත, නමුත් හුදෙක් "html" ලෙස හුවා දක්වයි. මෙම ද්විතියික භාෂාව භාෂාත්රයෙන්ම සියළු න්යාසයන් සඳහා ඉදිරියට යාමට භාවිතා කිරීමට අදහස් කරන දේ වේ.
ඇත්ත වශයෙන්ම, HTML5 භාෂාවේ අවසන් වරට භාවිතා කරන ලද අනුවාදය වනු ඇති අතර, අනාගතයේ දී නව වෙනස්කම් අඛන්ඩ පදනමකින් එකතු කරනු ලැබේ. ඇත්ත වශයෙන්ම, පහත දැක්වෙන ලැයිස්තුවේ සමහර කොටස් 2010 දී ආරම්භක තල්ලුව පසුව පසුව භාෂාවට හොඳින් එකතු කර ඇත!
HTML5 ටැග්
Tag | පැහැදිලි කිරීම |
---|---|
ඇන්කර් හෝ සබැඳිය | |
abbr> | කෙටි යෙදුම |
<ලිපිනය> ලිපිනය> | ලේඛනයේ ලිපිනයන් හෝ කතුවරුන් |
<ප්රදේශය> | Client-side image map |
| ලිපිය |
<පිටුව> a>> | තංගව අන්තර්ගතය |
<ශ්රව්ය> ශ්රව්ය> | ශ්රව්ය ප්රවාහය |
b> | තදකුරු |
| ලේඛනයේ මූල ද්රව්ය සඳහා මූලික URI මාර්ග |
bdo> | ද්වි-දිශානත ඇල්ගොරිතම |
blockquote> | දිගු මිල ගණන් |
body> | පිටුවේ සිරුර |
| පේළි බිඳීම |
<බොත්තම> බොත්තම> | HTML ආකෘති බොත්තම |
<කැන්වසය> කැන්වස්> | ගතික ග්රැෆික්ස් සඳහා කැන්වස් |
Comment | |
<ශීර්ෂකය> caption> | වගු ශීර්ෂ පාඨය |
cite> | උපුටනය |
code> | සංග්රහය යොමු කිරීම |
| වගුව තීරුව |
| වගු තීරු සමූහනය |
<විධානය> | පිටුවෙහි අණපනත් හෝ ක්රියාකාරීත්වය |
ලේඛන වර්ගය අර්ථ දැක්වීම | |
| දත්ත ජාලය |
වෙනත් පාලනයන් සඳහා පූර්ව නිශ්චිත විකල්පයන් | |
| අර්ථ දැක්වීමේ ලැයිස්තුවේ විස්තරය හෝ කථාව |
| මකාදමන ලද පෙළ |
<විස්තර> විස්තර> | අමතර ඉල්ලුමේ තොරතුරු |
dfn> | අර්ථ දැක්වීම |
<සංවාද> සංවාද> | සාකච්ඡාව |
div> | තර්කානුකූල අංශය |
| විස්තර ලැයිස්තුව |
| අර්ථ දැක්වීම් ලැයිස්තුවේ හෝ සංවාදයේ කථිකයා |
em> | අවධාරණය |
ප්ලගීන සඳහා ස්ථාපිත මූලද්රව්යය | |
කණ්ඩායම් පාලනය කරයි | |
| |
විකල්ප මාතෘකාව සහිත රූපය | |
<පාදකය> පාදය> | පිටුවෙහි පාදතලය |
ආකෘතිය | |
h1> | පළමු මට්ටමේ සිරස්තලය |
h2> | දෙවන මට්ටමේ සිරස්තලය |
h3> | තුන්වන මට්ටමේ සිරස්තලය |
h4> | හතරවන මට්ටමේ සිරස්තලය |
h5> | පස්වන මට්ටමේ ශීර්ෂ පාඨය |
h6> | හයවන මට්ටමේ සිරස්තලය |
head> | ලේඛන ප්රධානියා |
<ශීර්ෂකය> header> | පිටුවක ශීර්ෂය |
hgroup> | ශීර්ෂ කණ්ඩායම |
| තිරස් පාලනයක් |
html> | වෙබ් පිටුවක මූල මූලය |
i> | ඉඟි පදයේ පෙළ ශෛලිය |
පේළි රාමුව | |
රූප | |
<ආදාන> | ආදාන ආකෘති පත්රය |
බොත්තම් ආකෘතියේ අංගයකි | |
ආරක්ෂණ කොටුව ආකෘතියේ අංගයකි | |
වර්ණ යෙදවුම් | |
දිනය ආදානය | |
ගෝලීය දිනය සහ වේලාව ආදානය | |
දේශීය දිනය සහ වේලාව ආදාන | |
<ආදාන වර්ගය = "ඊමේල්"> | ඊ-තැපැල් ලිපින ආදානය |
ගොනු උඩුගත කිරීමේ ආකෘතිය | |
සැඟවුණු ආකෘති ක්ෂේත්රයේ අංගයකි | |
රූප ආකෘතියේ මූලද්රව්යය | |
අවුරුද්ද සහ මාසය ආදානය | |
අංක ආදානය | |
මුරපද ආකෘතියේ අංගයකි | |
රේඩියෝ බොත්තම් ආකෘතියේ අංගයකි | |
නොවිධිමත් සංඛ්යාවක ආදානය | |
Reset බොත්තම ක්ලික් කරන්න | |
සොයන්න ක්ෂේත්රය | |
බොත්තම ක්ලික් කරන්න | |
දුරකථන අංකය ආදානය | |
පෙළ ක්ෂේත්රයේ අංගයකි | |
කාල ආදානය | |
URL ආදානය | |
වසර සහ සතියේ ආදානය | |
ins> | පෙළ ඇතුළත් කරන්න |
kbd> | පරිශීලක විසින් ඇතුළත් කළ යුතු පෙළ |
| සහතික කළමණාකරණය සඳහා සුරක්ෂිත යතුරු උත්පාදනය කරන්න |
ආකෘති ලේබලයකි | |
<පුරාවෘත> legend> | ක්ෂේත්රයේ මාතෘකාව සකසන්න |
| ලැයිස්තුගත අයිතමය |
සම්බන්ධ ලිපි ලේඛන වෙත යොමු කරන්න | |
| පිටුවක අන්තර්ගතයේ ප්රධාන කොටසට |
<සිතියම> සිතියම> | Client-side image map |
mark> | සලකුණු කරන ලද හෝ උද්දීපිත පෙළක් |
විධාන ලැයිස්තුව | |
ලේඛනය පිළිබඳ මෙටා තොරතුරු | |
<මීටර්> මීටර්> | ස්කාලාර් මිනුම් |
සංචාලන සම්බන්ධතා සහිත ප්රදේශයක් අර්ථ දක්වන්න | |
<ශීර්ෂය> noscript> | පිටපත් නොමැති විට අන්තර්ගතය |
සම්මත නොවන වස්තුව | |
| නියම කරන ලද හෝ ගණන් කළ ලැයිස්තුව |
තෝරාගත් ලැයිස්තුවක විකල්ප සමූහය | |
<විකල්පය> විකල්පය> | තෝරාගත් ලැයිස්තුවක විකල්පය |
<ප්රතිදානය> output> | ආකෘති ගණනය කිරීමේ ප්රතිඵලය |
p> | ඡේදය |
වස්තුවක මූලද්රව්යයේ පරාමිතිය | |
pre> | පූර්ව ආකෘති පෙළ |
<ප්රගතිය> progress> | ප්රගති දර්ශකය |
q> | කෙටි පේළියේ මිල ගණන් |
රබී වරහන් | |
රබී පෙළ | |
ruby> | රබ්බි ග්රන්ථය |
| Strikeout text |
samp> | සාම්පල ප්රතිදානය |