zeek12.html
<!-- // A semantic element clearly describes its meaning to both the browser
and the developer. Examples of nonsemantic elements: <div> and <span> Tells
nothing about its content.
Examples of semantic elements: <form>, <table>, and <article>
Clearly defines its content. -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Semantic Elemnts</title>
</head>
<body>
<h1>SEMANTIC TAGS</h1>
A semantic element clearly describes its meaning to both the browser and
the developer. Examples of nonsemantic
elements: <div> and <span> Tells nothing about its content.
Examples of semantic elements: <form>,
<table>, and <article> Clearly defines its content.
Some of the benefits from writing semantic markup are as follows:
<ol>
<li> Search engines will consider its contents as important keywords
to influence the page's search ranking (see SEO)</li>
<li>Screen readers can use it as a signpost to
help visually impaired users navigate a page</li>
<li> Finding blocks of meaningful code is significantly
easier than searching through endless divs with or
without semantic or namespaced classes</li>
<li>Suggests to the developer the type of data that will be populated</li>
<li> Semantic naming mirrors proper custom element/component naming</li>
</ol>
<a href="https://developer.mozilla.org/en-US/docs/Glossary/Semantics"target="_blank">
CLICK HERE for study of semantic tags</a><br><br><br><br>
<h3>How details and summary works</h3>
<details>
<summary>I am smart,handsome,working in IT from NIT Jamshedpur.Who am I?</summary>
Zeeshan
</details>
</body>
</html>
Comments
Post a Comment