What is the use of html article tag? Introduction to how to use the html article tag-HTML Tutorial-php.cn

Table of Contents

文章标题

Home

Web Front-end

HTML Tutorial

What is the use of html article tag? Introduction to how to use the html article tag

寻∝梦

Aug 29, 2018 pm 04:36 PM

html

This article mainly introduces to you the usage and usage examples of the HTML5 article tag. I hope everyone can understand it. Next, let's take a look at this article about the HTML5 article tag.

First of all, let’s briefly introduce the article:

html5

represents a piece of independent content in the page that is not related to the context, such as a piece of content in the web page. an article or an article in a newspaper.

article is different from other DIV CSS layout structures, article mainly layouts article content.

article syntax code:

<article>内容</article>

Copy after login

article is an HTML tag element with a pair of opening and closing tags.

Start with

and end with

Now let’s talk about the usage instructions of article tag:

article is a new tag in HTML5. Its basic syntax function is the same as that of previous DIV, p, span and other tags. Set CSS directly within the style attribute tag, or introduce external CSS styles using class or id.

<article class="aaa">内容</article>

Copy after login

<article id="bbb">内容</article>

Copy after login

article is mainly about layout articles and content.

Let’s take a look at the usage examples of HTML5 article tag:

这里使用article标签布局一篇实例，通过此示例掌握了解article元素标签。以下是完整HTML5实例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 实例 ThinkCSS</title>
<style>
article{ color:#000}
article h1{ color:#F00}
</style>
</head>
<body>
<article>
    <h1 id="文章标题">文章标题</h1>
    <p>文章段落一，内容CSS技术上ThinkCSS网 ...</p>
    <p>文章段落二，内容CSS技术上ThinkCSS网 ...</p>
    <p>段落三，内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>

Copy after login

Screenshot of the code effect of the article tag:

What is the use of html article tag? Introduction to how to use the html article tag

The picture shows the rendering of the code. You can basically understand it. If you don’t understand anything, you can leave a message below.

[Editor’s recommendation]

How to add the code in html Text wrap in pre tag? Usage examples of html pre tag

#How to use the class attribute of HTML span tag? Here is a detailed explanation of the class attribute

The above is the detailed content of What is the use of html article tag? Introduction to how to use the html article tag. 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