What Is Article Class in Html

The HTML article element contains either actual content, several different section elements, or one or more article elements. The following code shows how the

element works in HTML: There is no limit to the number

of elements a single document can contain. Similar to most HTML elements,

the element can be formatted with CSS. JavaScript uses classes to access elements by class name. The

tag is one of the new semantic elements introduced with HTML5. According to the HTML5 specification: The

tag is one of the HTML5 elements. It is used to define independent and standalone content. An article should have its own meaning and be easily distinguished from the rest of the content of the web page.

The element contains only global attributes and supports all common events supported by HTML elements. In other words, the article element represents a component of a page that consists of a stand-alone composition in a document, page, or Web site. For example, in syndication.

To provide information about the author of the article, use

. On this page, we discussed the description, usage, attributes, example, result, and compatibility of HTML5 article elements. Use this option to describe the date and time the item was published

. The class attribute affects

two of these classes. Note: In HTML 5, the article element is a new addition. You can

use to provide additional information at the bottom of

the item. The code above uses 333

elements, with each element representing a specific ceramic. As shown in the example above, each

element contains content that is exclusive to it and does not depend on any other part of the document.

The HTML layout is essential to the correct design of the layout. Learn how to create HTML containers and what you can implement for your HTML layout. If it is necessary to provide information about the author of the article, this can

be done. Example: Using an Inline Style in an Article Item In general, an

element should be identified by a title. To do this, you can insert one of the header (-) tags as a child of the element

, as shown below: The pubdate attribute of the time element can be used to describe the date and time an article was published. If it contains an item item, the content of the inner items must be linked to the content of the outer item. The class attribute that contains a

file. Click the button to toggle a class name that changes the color of the border. The

HTML tag defines stand-alone and stand-alone content in a document, page, application, or website.

The HTML article element ()

represents independent content (other than a web document, page, website, or application), such as a forum post, magazine or newspaper article, blog entry, user-submitted comment, interactive widget, or gadget. Click the button repeatedly to toggle the third class and change the border color. You can

specify author information for the item through

the item. Note, however, that this

does not apply to nested elements. In any case, this is functionally similar to the use of

elements, and the display and style work in the same way.

However, using the element instead of

provides more semantic information to screen readers, search engines, and third-party applications. A given document may contain several articles. For example, in a blog that displays the text of each post one at a time as the reader scrolls, each post would be contained within an

item, possibly with one or more

S`s. If the element

is nested, the inner element represents an article linked to the external element. The article element represents a section of content that is an independent part of a document or site.

For example, a magazine or newspaper article or a blog entry.

The HTML element represents stand-alone content that can be distributed independently of the rest of the site. Examples of content that you can include in the item include forum posts,

blog posts, comments submitted by users, or other independent content. Three articles with independent and autonomous content: Because the content of each element

is independent of the rest of the document, each element can

be distributed freely. This dissemination may concern the content of the elements

cited on another website or appearing in search engine queries. HTML

defines reusable and stand-alone information. The

HTML vs discussion shows that these elements are similar, but their use cases differ. For example

, it should be applied when certain content is syndicated. The date and time the

tag was published can be described by an element with a datetime attribute. Classes, .class that is, names, are used to format the item element. The part element has no attributes other than the global attributes (AccessKey, Class, Contenteditable, ContextMenu, dir, DragAble, DropZone, Hidden, ID, Lang, Spell Checker, Style.tabindex, title) that are common to all elements.


tag is one of the new section elements in HTML5. The

HTML tag is used to represent an article. Specifically, the content of the

tag is independent of the other content on the website (although it may be linked). The

HTML code can contain any of the global attributes. The following list contains the three most commonly used. Note:

The item is not rendered as special in a browser. However, you can use CSS to style the element

(see example below).

The HTML element represents a stand-alone publication in a document, page, application, or Web site that you want to distribute or reuse independently (for example, in syndication). Examples: a forum post, magazine or newspaper article or blog post, product listing, user-submitted comment, interactive widget or gadget, or other independent content. An article must be useful in itself and it must be possible to distribute it independently of the rest of the page. A class attribute that formats an element


This class adds an accent border to the left of the article.

Multiple tags can be used in an HTML document. Note: For details about the

item, see the documentation. The content of the article tag makes sense in itself. It is independent and complete from other content displayed on the page. This tag is usually used for forum posts, blog posts, posts, comments, etc. Headings from


can be nested within the tag

. If

the label has not been used before, its placement is allowed. Test your programming skills with the w3resource quiz.

Default CSS: Most browsers display the Article element with the following values. Narendra DamodarDas Modi is India`s 15th and current Prime Minister, Modi, a leader of the Bharatiya Janata Party (BJP), was previously Chief Minister of the State of Gujarat from 2001 to 2014. He is currently a Member of Parliament for Varanasi. Any element, except elements that may contain embedded text or content. HTML5 semantic tags and HTML5 semantic elements: Why do you need to write semantic HTML? Use semantic markup to create HTML5 semantic tags. Tip: Syndication refers to a process for creating reusable content that can be embedded in multiple websites or documents. Learn the 24 templates to solve any coding interview question without getting lost in a maze of practical LeetCode-style problems. Practice your skills in a hands-on, configuration-free programming environment. 💪.

The numbers in the table indicate the first browser version that fully supports the item.