HTML - tags - article tag

Revision:


Content

"article" tag : specifies independent self-contained content syntax some examples


"article" tag : specifies independent self-contained content

top

The <article> tag specifies independent, self-contained content. An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.

The <article> HTML element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry, a product card, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

Attributes: the <article> element supports the global attributes and events attributes.


Syntax

top

<article > . . . </article>


some examples

top

Microsoft Edge

Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.

Codes:

                    <article>
                        <h4>Microsoft Edge</h4>
                        <p class="spec">Microsoft Edge is a web browser developed by Microsoft, released in 
                        2015. Microsoft Edge replaced Internet Explorer.</p>
                    </article>
                

Weather forecast for Seattle

03 March 2018

Rain.

04 March 2018

Periods of rain.

05 March 2018

Heavy rain.

Codes:

                    <article class="forecast">
                        <h4>Weather forecast for Seattle</h4>
                        <article class="day-forecast">
                            <h5 style="margin-left:4vw;">03 March 2018</h5>
                            <p class="spec" style="margin-left:4vw;">Rain.</p>
                        </article>
                        <article class="day-forecast">
                            <h5 style="margin-left:4vw;">04 March 2018</h5>
                            <p  class="spec" style="margin-left:4vw;">Periods of rain.</p>
                        </article>
                        <article class="day-forecast">
                            <h5 style="margin-left:4vw;">05 March 2018</h5>
                            <p  class="spec" style="margin-left:4vw;">Heavy rain.</p>
                    </article>