Home Web Front-end HTML Tutorial What does the article tag do?

What does the article tag do?

Feb 01, 2019 pm 02:56 PM
article tag

Function: The function of the article tag in HTML is to specify independent self-contained content, where the external content is a new article from an external news provider, or text from a blog, or text from a forum, or or content from other external sources. [Recommended tutorial: HTML tutorial]

What does the article tag do?

Description: The

tag specifies independent self-contained content. An article should have its own meaning and it should be possible to distribute it independently of the rest of the site.

Note: Internet Explorer 8 and earlier versions do not support the

tag.

html article tag example

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<article>
    <h1>独孤九贱</h1>
    <p>独孤九贱是PHP中文网的朱老师发布的关于PHP的一系列教程.....</p>
</article>
</body>
</html>


The above is the detailed content of What does the article tag do?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

ArtGPT

ArtGPT

AI image generator for creative art from text prompts.

Stock Market GPT

Stock Market GPT

AI powered investment research for smarter decisions

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Extract nested URLs from dynamic web pages using R language: httpr and API interaction practice Extract nested URLs from dynamic web pages using R language: httpr and API interaction practice Aug 27, 2025 pm 07:06 PM

This tutorial explores the problem of crawling failure if JavaScript dynamically loads content when crawling URLs from web pages using the R language rvest package. The article explains in detail why traditional HTML parsing methods may be invalid and provides an efficient solution: by identifying and directly calling the API interface behind the web page, using the httr package to obtain JSON data, thereby successfully extracting the required information.

How to disable a form element in HTML How to disable a form element in HTML Aug 30, 2025 am 08:45 AM

To disable HTML form elements, you can use the disabled attribute, which can prevent user interaction and the element value will not be submitted with the form. This attribute is of a Boolean type and can be directly added to form element tags such as input, textarea, select, or button. For example, it can also be dynamically controlled through JavaScript, such as document.getElementById("myInput").disabled=true. If the element cannot be edited but the value is still submitted, you should use the readonly attribute. The disabled attribute is simple and effective and widely supported.

How to create a 'scroll to top' button with HTML How to create a 'scroll to top' button with HTML Aug 28, 2025 am 03:45 AM

Create an HTML button and set the click event to call the JavaScript function; 2. Use CSS to pin the button to the lower right corner of the page and set the hidden default state; 3. Listen to the scroll event through JavaScript, and display the button when the scroll distance exceeds 300px, and scroll smoothly to the top when clicked. Finally, a return to the top button to improve the user experience is realized, and the full functionality is completed in collaboration with HTML, CSS and JavaScript.

How to link to a specific part of a page using anchors in HTML How to link to a specific part of a page using anchors in HTML Aug 31, 2025 am 06:52 AM

TolinktoaspecificpartofapageusinganchorsinHTML,assignauniqueidtothetargetelement,suchas,thencreateahyperlinkwithhref="#section1"toscrolltothatsection,andforcross-pagelinking,usethefullURLlikepage.html#section1,ensuringsmoothnavigationwithou

HTML form action and method attributes explained HTML form action and method attributes explained Aug 25, 2025 am 09:16 AM

Theactionattributespecifieswheretosendtheformdata,andthemethodattributedefineshowtosenditusingHTTPmethods.1.TheactionattributesetsthedestinationURL(absoluteorrelative);ifomitted,theformsubmitstothecurrentpage.2.Themethodattributeuses"get"to

CSS Custom Transparent Floating Scroller Tutorial CSS Custom Transparent Floating Scroller Tutorial Aug 28, 2025 pm 07:21 PM

This article details how to use CSS to achieve transparent and floating custom scroll bars on content. By combining overflow: overlay; attributes and scrollbar pseudo-element styles for different browsers (WebKit/Firefox), you can precisely control the color, transparency, width and rounded corners of scrollbars, thereby improving the visual consistency and user experience of the web interface.

How to make a non-breaking space in HTML How to make a non-breaking space in HTML Sep 01, 2025 am 07:40 AM

Use it to create line-breaking spaces in HTML, such as preventing the display of numbers and unit branches; 1. Used to avoid breaking lines between names, values ​​and units; 2. Maintain the text format within the line; 3. It can be used as a blank placeholder, but CSS is recommended; other space characters such as  ,  , etc. are suitable for special scenarios, but in most cases it is sufficient; be careful not to abuse the layout, CSS should be used instead, and multiple will not be merged, and the screen reader can recognize it normally, so it is necessary to use reasonably to ensure the text is displayed coherently.

How to create a hyperlink to an email address in html? How to create a hyperlink to an email address in html? Sep 16, 2025 am 02:24 AM

Usemailto:inhreftocreateemaillinks.Startwithforbasiclinks,add?subject=and&body=forpre-filledcontent,andincludemultipleaddressesorcc=,bcc=foradvancedoptions.

See all articles