????? ??? ???? ??? ??? ?? ????? ??? ? ????. ? ??? ?? ??? ??? ?? ? ??? ??? ??? DOMStringMap ??? ?????. HTML ?? ?????? ??? ?? ?? ?? ??? ??? ??? ??? ?? ??? ??(data-*)? ?? ??/?? ??? ??? ?????. ? data-* ??? ?? ??? ?? ??? ?(DOMStringMap)? ?????. ?????? DOM? HTML ???? ??? ? ????.
??:
??? ??? ?? ?????.
element.dataset.key
???? ????? ?????.
HTML ?????? ???? ???? ?? HTML ???? ?? ???? ???? ?? ???? ???? ? ????. HTML ?????? ?? ???? ??? ?? ???? ??? ? ??? ?? ???? XML ?????? ???? ?????. HTML ??? ??? XML? ??? ??? ????? ??? ??? ???????. ??? ??? ??? ??? ???? ??? ?? ?????. IE11+ ? Chrome 8+??? ?? ???? ????. ??? ?? ?? ?? ????? ?????? jQuery? data()? ???? ??? ????. ???(?, ?). (Dataset? DOMStringMap? ????, jQuery? data()? jQuery ??? ?????.)
HTML ?????
???? Spry HTML ?????? ?? ?? HTML ???? ?? ???? ???? ??? ??? ??? ? ????. HTML ??? ??? ?? ??? ??? ?? ???? ??? ? ??? ?? ???? XML ??? ??? ???? ?????. HTML ?????? XML? ??? ??? ????? ??? Spry Framework? ????? ??? ????.
HTML ??????? ?? ???? ? ??? ? ?? ???? ??? ?? ?????.
- getURL() – ? ??? ????? ?? Object() { [???? ??] }?? ?? URL? ?? ?????.
- setURL(“URL”) – ? ??? ??? ???? ??? ? ??? ??? ?????.
- getSourceElementID() – ?????? ??? ?? ??? ??? ID? ?????.
- setSourceElementID(“theSourceID”) – ? ???? ??? ?? ??? ??? ID? ????? ???? ? ?????.
- getRowSelector()? ?? ?? ?? RowSelector? ?????.
- setRowSelector(“theRowSelector”) ??? ??? ?? ? RowSelector? ?????.
- getDataSelector() – ?? DataSeelctor? ?????.
- setDataSelector(“theDataSelector”)-?????? ?? ? DataSelector? ?????.
?
??? HTML ??? ??
<li class="prod" data-name="Dove Shampoo" data-country="Oslo"
data-lang="js" data-types="Hair">
<b>Hello Users:</b> <span>A newly launched Items</span>
</li>
var u1 = document.getElementsByTagName("li")[0];
var p1 = 0, span = user.getElementsByTagName("span")[0];
var content = [
{name: "country", prefix: "Product exported "},
{name: "type", prefix: "utilizing on hair "},
{name: "lang", prefix: "hello Oslo "}
];
u1.addEventListener("click", function(){
var content = content [ pos++ ];
span.innerHTML = content.prefix + u1.dataset[ content.name ];
}, false);
? ?? ???? ????? ??? ?? ??? ???? ?????. ? ??? ??? ? ? ???? ??? ???? ?? ???? ???? ??? ? ????. ?? ????? ?? ??? ???? ?? ?? ?????? ?? ???? ??? ? ????. ?????.? ??. ?? ?? ??? ??? ???? ????? ?? ??? ???? ?? ?? ????. ??? ??[? ??]. in ???? ???? ??? ????? ??? ? ????.
????? IDL ??? ?? ??? data-* ??(data-*/a>)? ?? ??? ???? ?????. ????? ????(dataset/a>) IDL ??? ?? ??? ??? ??? ???? ?? ????? ??? DOMStringMap ??? ???? ???.
<ahref="demo.html#domstringmap-0"> </a>
??? ??:
- ?? ???? ? ?? data- ???? ?? ????.
- ???? ??? ?? ?? ???? ???? ? ?? ??? ???? ?????.
- ?? ???? ?? ?????. ?, ?? ???? ?? ?? ???? ??? ?????.
???? ??
?????? ?? ????(?? ?? ??? Internet Explorer)? ???? ????. ????? ??? ???? ??? ???????.
| Support | Versions | |||
| Desktop | Chrome | Edge | Firefox | Internet Explorer |
| 6 and 8 | ?Yes | 6 higher | 9 | |
| Mobile | Android | Edge | Opera | Samsung |
| 6 | Yes | Nil | Nil | |
??/??
HTML5??? ?? ?? ???? ??? ?? ?? ??? ?? ??? ?????? ?? ? ??? ??? ????. ??? XML ?? ???? ?? ??? ???? ?? ?? ??? ? ?? ??? ???? ?? ???? data- ??? ??????. ??? ??? ??????? ?? ?? ????? ???? ???? ?? ???? ?? ?????. ??? ??? ??? *??*?? ? ??? ??? ?????. HTML? data- ??? ???? RDFa, ??? ?? ? ?? ??? ??????? ??? ? ????. ? ??? ?? ???? ??? ???? ?? ???? ??? ??? ?????? ?? ??? ??? ??? ??? ??? ????. ???? ?? HTML ??????? data- ???? ???? ???? ???? ?? ??? ???? ??? ?? ? ????.
?? ????? ???? DOMStringMap? ??-? ?? ?????.
- ??? ?? ?? ??-? ?? ?????.
- ?? 5?? ??? "data-"?? ??? ??(?? ??)? ASCII ?? ??? ???? ?? DOMStringMap ?? ??? ? ??? ??? ?? ??? ??-? ?? ?????. ?? ??? ??? ?? ??? ???? ??? ?????.
?? HTML ??? ?? – ?? ??? ?? HTML 5.1? ??? ??? ????
?? HTML 5?? – ?? ??(?? ???? ?? ?? ??)
?? HTML 5.1 – HTML 5?? ??? ????.
?? – HTML? ?????
????? ??? ?? ??? ??? ????? ?????? ???? ???? ??? ?????. ?? HTML5? ???? ?? HTML ?? ??? ??? ?? ??? ??? ??? ? ????. ??? ??? ???? ??? ??? ??(???? ??? ??)? ???? ??? ??? ???? CSS ???? ???? ??????.
? ??? HTML? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8638
17
1783
16
1728
56
1579
28
1444
31
? ???? ???? ? ???? HTML ??? ??????
Jul 03, 2025 am 02:34 AM
? ??? ??? Core HTML ???? ???????. 1. ???? ?? ??? ?? ??? ???? ??? ???? ?? ?? ? ?? ??? ?????. 2. ??? ??? ?? ?? ? SEO? ???? ?? ?? (-), ?? () ? ?? ?? (? :)? ?????. 3. ?????? ???? ????, ????? ???? ??? ???? ????? ?? Aria-Current ??? ???? ?????. 4. ?? ?? ???? ?? ??? ?? ? ?? ??? ?????. ??? ??? ???? ???? ??? ???, ?? ?? ? ?? ?? ???? ?? ? ? ????.
HTML5 ??-??? ???? ?? ?? ? ??? ?????.
Jul 03, 2025 am 02:28 AM
HTML5SSE? ???? ?? ? ?? ? ??? ???? ???? ??? ?????. 1. ?? ? ?? ????? ??????. ??? ??? ????? ??? ?? ? ? 3 ? ?? ? ?????. ??? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ???? ?? ?? ?? ?? ?? ?? ??? ???? ?? ??? ???? ?? ? ??? ???? ???? ??, ?? ?? ? ?? ?? ? ?? ?? TOKEN? ?? ?? ??? ?????. 3. ??? ???? ?? ????, ?? ??? ?? ?? ????, Navigator.online? ???? ??? ???? ?? ??? ????? ? ? ?? ??? ????? ??????. ??? ??? ?? ???? ???? ??? ??? ???? ? ????.
?? ???? ?? ??? HTML5 DocType? ?????.
Jul 03, 2025 am 02:35 AM
DocType? HTML ?? ????? ???? ?? ???? ? ???? ????? ???? ????. ?? ? ???? HTML ??? ?? ????? ???????. ? ??? ????? ??? ??? ?? ?? ??? ???? ????? ? ?? ?? ???????. ?? ?? ??? ??? ?? ??? ?? ???? ?? ??? ???? ?? ????. Charset, Viewport ?? ?? ?? ??? ????? ???????.
HTML5 ??? ?? ? ? ???? ???? SEO ??.
Jul 03, 2025 am 01:16 AM
HTML5 ??? ??? Microdata? ???? ?? ??? ??? ?? ? ??? ??? ? ? ???? ? ????? ??? SEO? ???? ? ????. 1. HTML5 ??? ??? ???? ??? ??? ??? ????? ?? ?? ????? ??? ??? ??? ???? ? ??????. 2. ?? ??, ???, ?? ?? ?? ?? ?? ???? ???? ?? MicroData ??? ? ???? ???? ?? ??? ?? ??? ???? ?? ??? ??? ???? ? ??? ? ???; 3. ??? ???, ?? ??? ???, ??? ? ???? ??? ?????, Schema.org? ??? ????? ????? ??????, ?? SEO ??? ???? ????? ????? ?? ?????? ??????.
HTML? ???? ?? ?? ?? ??? ??? ????? ??? ??????
Jul 04, 2025 am 03:16 AM
?? ?? ???? HTML?? ??? ?? ???? ??????. ???? ??? ?? ??? ???? ??? ?? ??? ??? ?? ?? ??? ???? ????. 1. ??, ???, ??? ?? ?? ??? ???? ????. 2. ??, ???? ?? ?? ??? ???? ????. 3. ?? ?? ???? ?? ? ??? ???? ?? ?????. ?? ??? ??? ?????. ? ?? ??? ??? ??? ?? ???? ? ? ????. style ???? ???? ??? CSS ?? ?? ?????? ?? ???????. Select2? ?? ????? ??? ????? ? ??? ? ????.
HTML ?? ??? ???? ?? ??? ?? ??
Jul 07, 2025 am 02:31 AM
HTML ?? ??? ???? ?? ??? ??? ???? ?? ?? ?? ? ???? ?? ??? ????????. 1. ????? ??? ??? ????? ?? ? ?? ?? (? : ??, ??, ???)? ?? ??? ?????. 2. JavaScript? ?? ?? ? ??? ???? ID? ?? ??? ?? ??? ??? ???? ?? ? ????. 3. CSS? ???? ???, ???, ?? ??? ? ??/?? ?? ??? ???? ???? ??? ???? ??? ??? ??????. 4. ???? ????????? : ???? ? ??? ????? ??? ???? JS ???? ???? ????? ???? ??? ???? ??? ??? ??? ???? ??? ?????. ??? ???????
CSS ? JavaScript? HTML5 ??? ????? ?????.
Jul 12, 2025 am 03:01 AM
HTML5, CSS ? JavaScript? ??? ??, ???? ?? ?? ? ???? ??? ????? ????????. 1. SEO ? ????? ???? ????? ??? ??? ? ?? ??? ??? ?? HTML5 ??? ??? ??????. 2. CSS? ???? ?? ??? ???? ???? ???? ??? ???? ????? ??? ?????. 3. JavaScript? ??? ???? ?? ???? DEFER ?? ASYNC? ???? ?? ???? ??? ?? ??? ????????. 4. ??? ??? ??? ???? ??? ??? ?? ? ??? ?? ?? ??? ?? ??? ???? ?? ?? ?? ??? ?? ?? ???? ??????. ??? ??? ??? ??? ????? ????? ?? ?? ? ? ????.
