??? ?? HTML ??
Sep 04, 2024 pm 04:52 PM
?? ????? ?? HTML ??? ?? ??? ?????. HTML?? ? ?? ??? ?? ?? ??? ????. ??? ??? ?? ?? ??? ?? HTML ??? ???? ?? ??? ??? ????. ?? HTML ??? ? ?? ??? ???? ?? ? ???? ??????. ? ?? ??? ?? ? ??? ??? ??? ? ?? ??? ?? ?? ??? ???? ??? ?? ????. ?? ? ????? Mozilla, Firefox, Google Chrome ? Microsoft Edge ????? ?? ??? ?? ??? ?????. html ??? ?? ??, Safari ? Opera? ?? ?????. ??? ????? html ??? ?? ??? ???? ????. ???? ??? ?? ??? ?????.
??:
javascript? html? ? ??? ???? ?? ???? ???? ??? ?? ??? ?? ??? html ??? ???? ? ??? ????. ??? ???? ??? ??? ? ??? ?????.
Class sample extends HtmlElement
{
default constructor()
{
---some user defined codes---
}
}
? ??? Java ??? ?? ?????. ?? ??? ??? ???? ?? ???? ???? ?? ??? ? ???? ??? ????.
?? HTML ??? ??? ??????
????? HTML ?? ???? ?? ?? ??? ?? ?? ??? ? ?? ??? ?????. HTML? ??? ?? ??? ??? ??? ???? ?? ???, ?? ? ??? ?????. ?? ???? ??? ?????. ??? ?? ??? ???? HTML ??,
?? ??? ?? ???? HtmlElement ???? ???? ??? ?? ??? ?? ?? ??? ??? ???? ????. ??? Java ?? ??? ?? ?????. ?? ??? ?? ??? ?? ??? ???? ??? ??? ??? ??? ??? ?????. ? ???? ??? ????? ??? ??? ????? ?? ??? ??? ????.
?? ??? ??? ??? ???? ?? ???? ???? ?? ????? ????. ?? ??, ?? ???? "connectedCallback()"???. ? ???? ??? ??? ??? ??? ???? ??? ?????. ?? HTML ??? ??? ????? ????? ???? ?? ? ??? ? ????.” connectedCallback()” ? ???? ??? ???? ??? ??? ????? ?????. ?? HTML ??? ??? ????? ????? ??? ? ?? ? ??? ?? ????.
observedAttributes()? ?? ? ??? ???? ??? ? ??? ?? ??? ?????? ?? ?? ?? ??? ???? ??? ? ?????.attributeChangedCallback(name,oldvalue,newvalue) ? " ???Callback()”? HTML ???? ?? ??? ? ??? ??? ??? ?????. ?? html ??? ????? ??? ?????. ? ????
time>? ?? ?? ?? ??? ???? HTML?? ?? ? ?? ??? ????? ?????. ??? ?? ?? ?????. ??? ?? ???? ???? ?? ??? ???? ????. connectCallback()? ?? ???? ??? ????. ? ????
??? ?? ??? ??? ??? PC? ?? ????? ?? ?? ??? ??????? ??? ??? ??? ??? customElements.define ???? html ??? ?????? ???? ?? ?? ???????. ??? ??? HTML ???? ??? ??? ? ? ???? ?????. ?? ?? customElements.define ???? ??? ? :not(:define)? ?? CSS ??? ???? ???? ???? ?? ?? ???? ? ????? ????????. connectCallback() ???? ???? ??? ?? ???. customElements.get(name),customElements.whenDefined(name)?? ???? ?? ??? ?? ? ??? ?? ??? ??? ?????.
Examples of?Custom Html Element
Different examples are mentioned below:
Example #1
<html>
<head>
<script>
class sample extends HTMLElement { // (1)
connectedCallback() {
let d = new Date(this.getAttribute('datetime') || Date.now());
this.innerHTML = new Intl.DateTimeFormat("default", {
month: this.getAttribute('month') || undefined,
day: this.getAttribute('day') || undefined,
year: this.getAttribute('year') || undefined,
minute: this.getAttribute('minute') || undefined,
hour: this.getAttribute('hour') || undefined,
timeZoneName: this.getAttribute('time-zone-name') || undefined,
second: this.getAttribute('second') || undefined,
}).format(d);
}
}
customElements.define("time-formatted", sample);
</script>
</head>
<time-formatted datetime="2020-02-19"
year="numeric" month="long" day="numeric"
hour="numeric" minute="numeric" second="numeric"
time-zone-name="long">
</time-formatted>
</html>
Output:
Example #2
<html>
<head>
<script>
customElements.define('user-information', class extends HTMLElement {
connectedCallback() {
alert(this.innerHTML);
}
});
</script>
</head>
</html>
<user-information>Sivaraman</user-information>
Output:
Example #3
<html>
<head>
<script>
class Example extends HTMLButtonElement {
constructor() {
super();
this.addEventListener('click', () => alert("User!"));
}
}
customElements.define('sample-button', Example, {extends: 'button'});
</script>
<button is="sample-button">Welcome</button>
<button is="sample-button" disabled>Disabled</button>
</head>
</html>
Output:
The above three examples will discuss the custom elements in the html languages; In the first example, we already know about the time and date format output using custom tag elements; the second example shows a basic javascript function called after executing the custom elements in the html and final example will be discussed about the same javascript function while we are clicking the html custom tag elements.
Conclusion
The Web components have some processes for connecting with the technologies. It will be used to help the html for reusable purposes across the entire web.Html have the Dom components; it will be used for communicating the user-level data(including custom elements) through the web for data migration.
? ??? ??? ?? 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)
?????? ?? HTML ??
Jul 27, 2025 am 03:45 AM
HTML? ???? ????? ? ??? ??? ?? ? ?? ?? ?? ? ????????. 1. ??? ??? ????? ?? ?? ? ?? ??? ???? ??? ????? ?????. 2. ??? ??????. ??? ???? ??? ????. ??? ?? ?? ??? ??? ???? ???? ??????. 3. ??? ??? ???? HREF ??? ???? ???? ??? ???? SRC ? ALT ??? ?????. 4. ??? ????? ?? ? ?? ? ???? ????. ? ??? ???? ??? ????????. 5. ???? ?? ??? ?? ? ??? ????. ?? ?? ?? ?? ?? ???? ?? ? ??????. ?? ? ???? ??? ?? ??, ???, ??, ?? ? ??? ???????.
HTML`??? '?? : ??? ? ?? CSS
Jul 26, 2025 am 07:23 AM
??? ?? ??? ??? ?? ???????. 1. ???? ?? ?? ?? ?? JS ??? ?? ??? ?????. 2. ?? CSS? ???? ?? ??? ????? ????? ????, ?? ??? ???? ?? ??? ??? ?? ???? ?? ??? ??? ?????. 3. ???, ?? ?? ? ??? ?? ??? ???? ??? ????? ?? ?? ?? CSS ??? ???? ?? ????.
? ???? HTML? ???? ?? ??? ??????
Jul 28, 2025 am 02:08 AM
???? ?? ???? ????? ??? ?? ??, ??? ?? ?? ?? ???, HTML ?? ?? ?? ???? ??? ?? ?????. 1. SRC ??? ??? ?? ??? ????? ???? ??? ?? ??? ??????. 2. ?? ?? ??? ? ???? ??? ????? ???? URL? ?? ???? ?????? ? ? ??? ??????. 3. IMG ?? ??? ???? ???? ?? ????? Alt ?? ?? ??? ? ??????. 4. ???? ??? ?? ???? ??? ???? ??? ??? ???? ?? ??? ??????. ? ??? ??? ???? ???? HTML ??? ?? ??? ??? ? ????.
?? ?? ?? ??? ?? ? ?????
Jul 27, 2025 am 04:15 AM
sinvalidhtml; browsersautomicallycloseThefirstbeOptenTenext, rentingInseparateParAgraphs.linlineElements, orforstylingwithinaparagraph, orforstylingwithinaparagraph, ?? BlockContainers Orblockcontainers Orblockcontainers
?? HTML5 ??? ???? ???? ??? ??????
Jul 26, 2025 am 07:23 AM
????? ??? ??? ???? ?? ??? ?? ??? HTML5? ??????. 2. ?? ??? ???? ??? ? SEO? ????? ?? ??? ?????. 3. ??? ?? ??? ??, ?? ? ??? ?? ? ??? ?? ??? ?????. 4. ?? ?? ???? ???? ????? CSS, Favicon ? JavaScript ??? ??????. ? ???? ???? ?? ????? ???? ??? HTML ??? ?????.
?? ??? ?? ??? ??????
Jul 27, 2025 am 04:14 AM
thenameattributeinanninputtagisusedtoifordite theOntify theOntify theOndeformissubmitted; itservessasekey-valuepairsentTotheserver, wheretheuser 's sinputisthevalue.1.whenaformissubmitted, whenaforted, thenameattributeBalueBecomesThevulueInThevalueInThevalueIntheAntheAnteAnteMOmesteAnteToTeServer
html?? ???? ?? ??? ??? ??? ??????
Jul 30, 2025 am 04:50 AM
HTML? ???? ?? ??? ???? ?? ????? ???? ?? ??? ???????. ? ?? ??? ??? ???? ?????? ??? ???? ?????. 1. ??? ??? ????. 2. ? ?? ??? ??? ?????. 3. ????? ?? ? ??? ???? ?????. 4. ?? ??? ??? ?? ??? ? ????. 5. CSS? ?? ??? ?? ??? ???? ???, ?, ??? ?? ??? ?? ?? ???? ??????. ? ??? ???? ???? ?? ? ?? ??? ??????.
HTML? ??? ?? : ?? ??
Jul 26, 2025 am 05:37 AM
? ??? ???? ?? ? ?? ?? ??, ?? ???, ?? ? ?? ? ??????? ??????. 1. ??? ?? ??? ??? ??????. JPEG? ??? ???? PNG? ??? ??? ???? Webp? ?? ? ???? ?? ???? SVG? ?? ???? ?????. 2. IMG ?? ??? ???? ?????? : ?? ? SEO? ???? ?? SRC, ALT, ??, ?? ? ??? ??????. 3. ??? ??? ????? ??? ??????. ???? ???? SRCSET? ???? ?? ??? ??????. 4. ??? ??? ?? : ???? ???? ???? ??? ?? ??? ???? ??? ????.
