The latest articles on DEV Community by Amir Anvari (@amiraaanvari). https://dev.to/amiraaanvari https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F884863%2F33f951c4-f75f-4f59-b2d2-174caf84d369.jpeg https://dev.to/amiraaanvari en Amir Anvari Thu, 30 Jun 2022 04:38:15 +0000 https://dev.to/amiraaanvari/html-tag-314o https://dev.to/amiraaanvari/html-tag-314o <p>Three articles with independent, self-contained content:</p> <p>`</p> <h2>Google Chrome</h2> <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p> <h2>Mozilla Firefox</h2> <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p> <h2>Microsoft Edge</h2> <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p> <p>`</p> <p>More "Try it Yourself" examples below.</p> <p>*<em>Definition and Usage<br> *</em></p> <p>The tag specifies independent, self-contained content.</p> <p>An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.</p> <p>Potential sources for the element:</p> <p>Forum post<br> Blog post<br> News story<br> Note: The element does not render as anything special in a browser. However, you can use CSS to style the element (see example below).</p> <p><strong>Global Attributes</strong></p> <p>The tag also supports the Global Attributes in HTML.</p> <p>Event Attributes<br> The tag also supports the Event Attributes in HTML.</p> <p>*<em>More Examples<br> *</em></p> <p>`</p> <p>.all-browsers {<br> margin: 0;<br> padding: 5px;<br> background-color: lightgray;<br> }</p> <p>.all-browsers &gt; h1, .browser {<br> margin: 10px;<br> padding: 5px;<br> }</p> <p>.browser {<br> background: white;<br> }</p> <p>.browser &gt; h2, p {<br> margin: 4px;<br> font-size: 90%;<br> }</p> <h1>Most Popular Browsers</h1> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;h2&gt;Google Chrome&lt;/h2&gt; &lt;p&gt;Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!&lt;/p&gt; &lt;h2&gt;Mozilla Firefox&lt;/h2&gt; &lt;p&gt;Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.&lt;/p&gt; &lt;h2&gt;Microsoft Edge&lt;/h2&gt; &lt;p&gt;Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.&lt;/p&gt; </code></pre> </div> <p><br> `</p> <p>*<em>Default CSS Settings<br> *</em></p> <p>Most browsers will display the element with the following default values:</p> <p><code>article {<br> display: block;<br> }</code></p>