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
article is different from other DIV CSS layout structures, article mainly layouts article content.
article syntax code:
<article>内容</article>
article is an HTML tag element with a pair of opening and closing tags.
Start 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>
<article id="bbb">内容</article>
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>文章标题</h1>
<p>文章段落一，内容CSS技术上ThinkCSS网 ...</p>
<p>文章段落二，内容CSS技术上ThinkCSS网 ...</p>
<p>段落三，内容CSS技术上ThinkCSS网 ...</p>
</article>
</body>
</html>Screenshot of the code effect of the 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
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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
