HTML5 ???? API? ???? ??? ?????? ????????. Pushstate, Relfacestate ? PopState? ?? ?? ????? ?? ???? ?????. ?? ??? ??? ????. 1. history.pushstate ()? ??? ??? ??? ??? ??? ?????. 2. history.replacestate ()? ??? ??? ???? ?? URL? ?????? ? ??? ?? ???? ?????. 3. Window.onPopState? ????? ??? ? ? ???? ????. ??? ?? ???? ?? ??? ?? ?? ??? ???? PushState? ???? URL? ?????? ??? ???? ???????? PopState? ????. ??? 404 ??? ??? ?? ?? ?? ??? ??? ???????.
??? ?? ???? ?? ??? ?????? (SPA)?? ?? ????? HTML5? ???? API?? ?? ???? ??? ??? ???? ?? ?????. ?? ?? ???? ?????? ?? ???? ?? ?? ?? URL? ??? ? ??? ????? ?? ??? ?? ????? ??? ? ????.
HTML5 History API? ??????
HTML5? ???? API? ????? ???? ??? ???? ? ?? ?? ??? ?????. ?? ????? ???? ?? ??? ????.
-
history.pushState(): ??? ??? ??????. -
history.replaceState(): ?? ??? ??????. -
window.onpopstate: ???? ??/?? ??? ???? ??? ? ???? ????.
? ???? ??? ?? ??? ????? ??? ?? "???"?? ?? ? ? SPA? URL? ?????? ? ??????.
?? ??, ???? /home ?? /about ? pushState ???? ? URL? ??? ???? ???? ?? ???? ??? ?? ? ? ???? ?? ???? ?????? ? ? ????.
Pushstate? Relessate? ???
? ?? ??? ??? ???? ?? ?? ??? ??? ????.
- Pushstate : ???? ??? ??? ??? ?????. ???? ? ???? ???? ?? ???? ??? ??? ??? ????? ?????.
- ??? : ?? ?? ??? ?????. ?? ?? ???? ?? ??? ????? ?????? ?? ?? ??? ??? ??? ?? URL? ?????? ?? ?????.
??? ?? ?? ??? ?????. ? ? (state, title, url) , ???
-
state? URL? ??? ???? ???? ? ??? ??? ?? ?????. -
title????? ???? ? ???? ?????. -
url?? ?? ?? ???? ?????.
?? ??:
history.pushstate ({page : 'about'}, ',', '/about'); ?? ? ?? ?? ?? /about ??? ???? ?? ???? ????.
???? ????? ??? ?????? ???
???? ????? ?? ?? ?? ??? ???? popstate ???? ??????. ? ???? ??? ??? ???? ???? ? ? ????.
Window.addeventListener ( 'PopState', (???) => {
const state = event.state;
// ?? ?? ?? URL? ???? ? ??? ???? ???}; pushState ?? replaceState ???? popstate ???? ????? ??? ??? ????? ??? ???? ??? ? ??????.
???? API? ?? ??? ?? ???? ???? ??? ??????
???? ??? ?? ??? ?? (? : React Router ? Vue ???)?? ?? ???? API? ?????? ??? ????? ???? ????. ??? ??? ?? ???? ?? ???? ?? ???? ????? ??? ????.
- ?? ??? ???? ?? ?? ?? ??? ??????.
-
pushState???? URL? ????????. - ? URL? ?? ?? ?? ?? ?? ??????????.
- Browser? ???/?? ???? ??
popstate???? ????.
Simple example:
document.querySelectorall ( 'a'). foreach (link => {
link.addeventListener ( 'click', e => {
e.preventDefault ();
const path = link.getAttribute ( 'href');
history.pushstate ({path}, '', path);
?? (??);
});
});
?? ????? (Path) {
// ??? ?? ???? ??? ?? ?????} ?? ??? ??? ??? ???? ?? HTML ?? (????? index.html )? ?? ? ? ??? ??? ???????. ??? ??? ?? ??? /about 404? ?????.
????? ?? ??. ???? API? ????? ??? ?? ??? ?? ? ? ?? ??????. ??? (IE ??? ?? ??) ? ??? ?? ?? ?????? ???? ????? ? ?????.
? ??? ?? ??? ?? ??????? HTML5 ???? API? ?? ?????. ??? ??? 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)
???? ?? HTML5 ??? ??? ?? ARIA ??? ?????
Jul 07, 2025 am 02:54 AM
ARIA ? HTML5 ??? ??? ??? ??? HTML5 ??? ??? ??? ??? ??? ARIA? ???? ???? ?? ?? ?? ??? ???? ? ?? ?????. ?? ??, ??? ????? ??? ??? ??, ?? ????? ?? ?? (? : ?? ??) ? ?? ????? ???? ????????? Aria? ??? ??? ?????. Nav, Main, Downet? ?? HTML5 ??? ????? Ariarole? ???? ?? ??? ????? ??? ???? ?? ? ??? ????. ARIA? ??????? ???? ??? ?????. 1. ?? ??/?? ??? ???? ARIA-expeded? ???? ?? ?? ?? ? ?? ??? ?????. 2. DIV ??? ???? ?? ???? ???? ?? ??? ??? ??? ?? ??
CSS ? JavaScript? HTML5 ??? ????? ?????.
Jul 12, 2025 am 03:01 AM
HTML5, CSS ? JavaScript? ??? ??, ???? ?? ?? ? ???? ??? ????? ????????. 1. SEO ? ????? ???? ????? ??? ??? ? ?? ??? ??? ?? HTML5 ??? ??? ??????. 2. CSS? ???? ?? ??? ???? ???? ???? ??? ???? ????? ??? ?????. 3. JavaScript? ??? ???? ?? ???? DEFER ?? ASYNC? ???? ?? ???? ??? ?? ??? ????????. 4. ??? ??? ??? ???? ??? ??? ?? ? ??? ?? ?? ??? ?? ??? ???? ?? ?? ?? ??? ?? ?? ???? ??????. ??? ??? ??? ??? ????? ????? ?? ?? ? ? ????.
???? ???? ?? HTML5 ???
Jul 10, 2025 am 11:20 AM
HTML5 ???? ???? ???? ?? ???? ???? ?? ???, ?? ?? ??, ?? ?? MIME ?? ?? ? ???? ?? ??? ?????. 1. ???? MP4 (H.264) ??? ???? ? ?? ??? ????? ?? ????? ???? ?? ?? ?? ??? ???????. 2. ?? ??? ??? ?? ?? ? javaScript? ?? ??? ??? ????? javaScript? ????????. 3. ?? ??? ???? ???? ??? ??? MIME ???? ???? ??? ??????. ?? ??? ???? ? ?? ???? ?????. 4.
HTML5` '??? ???? ??? ???? ??????.
Jul 07, 2025 am 02:47 AM
HTML5 ??? ???? ? ???? ????? ?? ?? ???, ??? ?? ??? ? ?? ? ???? ?????. 1. ?? ??? : ??? ???? SRC ? ??? ??? ???? ?? ??? ?????. 2. ?? ?? ?? : MP4, Webm, OGG ?? ?? ??? ??? ??? ?? ???? ???? ???? ??????. 3. ??? ?? ? ?? : ?? ??? ??? CSS ? JavaScript? ?? ??? ?? ? ??? ??? ?????. 4. ?? ?????? ?????? : Muted ? AutoPlay ?? ?? ??? ???? ??? ?????? ??? ???? ?? ?? ?? ???? ?? ? ????? ???? ??? ???? ???? ??????.
??? ??? HTML5 ??? ?? ??
Jul 07, 2025 am 02:53 AM
HTML5 ??? ??? ???? ? ?? ???, ??? ? SEO ??? ?? ? ? ????. 1. 2. ? ???? ??? ??? ????. ?? ???? ??, ? ????? ??, ?? ???, ????? ?? ??, ?? ?? ???, ?? ??? ? ? ?? ?? ??? ?????. 3. ??? ??? ??? ? ???, ??? ??, ???? ?? ? ??? ?????. ??? ?? ???? ????? ? ??? ????? ????? ??? ? ? ????.
html5``vs` `??? ?????.
Jul 12, 2025 am 03:09 AM
????? ??? ?? ?? ?????. ??? ??? ???? ? ??? ??? ?????. 1. ?, ??, ?? ? ??? ????? ??? ? ???, ?? ?? ??? ????? ?????. 2. ??? ?? ??? ??? ??? ?? ???? ?? ??? ??? ?? ?? ??? ?????. 3. ??? ? ???? ??? ? ??? ???? ??? ?? ???????. 4. ?? ? ? ??? ????? ???? ????. 5. ??? ???? ???? ????? ?? ??? ??? ???? ? ?? ??? ?????.
HTML5 ??? ?? API? ??? ??? ??????
Jul 07, 2025 am 02:49 AM
??? ?? ??? ???? ?? ??? ??????. html5? geolocationapi? ???? ?? ? ?? ??? ??? ??? ???? ????. ???? ????? ???? ??? ??? ???? ????? ????????. ???? ?? ? ?? ???? ?? (??, ?? ?) ? ?? ???? ?????. WatchPosition? ???? ?? ??? ???? ? ? ??? ?? ?????? ???? ???? ? ??? ???????. 1. ??? ???? ???? getCurrentPosition ??? ??? ????? ?? ??? ???????. 2. ???? ??. 3. ?? ? ??. ??? ?? ???? ?????. 4.WATC
HTML5 ???? ??? ???? ?????.
Jul 08, 2025 am 02:13 AM
?, html5canvas ?? Todataurl () ???? ???? ??? ???? ??? ? ????. ?? Canvas.todataurl ( 'image/png')? ???? ??? ??? PNG ??? Base64 ???? ?????. JPEG ?? WEBP ??? ??? ?? Canvas.todataurl ( 'Image/JPEG', 0.8)? ?? ?? ?? ? ?? ?? ??? ??? ? ????. ??? ?? ??? ???? ?? ???? ????? ????? ?? ? ? ????. 1. ?? a; 2. ???? ?? ? HREF? ??? ???? ??????. 3. Click () ???? ??????. ? ??? ??? ?? ??? ?? ?????????.
