기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 기사 태그의 용도는 무엇입니까? HTML 기사 태그 사용 방법 소개

寻∝梦

풀어 주다： 2018-08-29 16:36:46

원래의

13201명이 탐색했습니다.

이 글에서는 주로 HTML5 기사 태그의 사용법과 사용 예를 소개합니다. 다음으로 HTML5 기사 태그에 대한 기사를 살펴보겠습니다.

먼저 기사를 간략하게 소개하겠습니다.

html5

은 웹페이지의 기사나 웹페이지의 기사와 같이 문맥과 관련이 없는 페이지의 독립적인 콘텐츠를 나타냅니다. 신문.

기사는 다른 DIV CSS 레이아웃 구조와 다르며 기사는 주로 기사 콘텐츠를 레이아웃합니다.

기사 구문 코드:

<article>内容</article>

로그인 후 복사

기사에는 한 쌍의 열기 및 닫기 HTML 태그 요소가 있습니다.

로 시작하고

로 끝납니다.

이제 기사 태그의 사용 지침에 대해 이야기하겠습니다.

article은 HTML5의 새로운 태그입니다. 기본 구문 기능은 이전 DIV, p,span 및 기타 태그와 동일합니다. 스타일 속성 태그를 사용하여 CSS를 설정하거나 클래스 또는 ID를 사용하여 외부 CSS 스타일을 도입합니다.

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

로그인 후 복사

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

로그인 후 복사

기사는 주로 레이아웃 기사와 콘텐츠에 관한 것입니다.

HTML5 기사 태그의 사용 예를 살펴보겠습니다.

这里使用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>

로그인 후 복사

기사 태그의 코드 효과 스크린샷:

HTML 기사 태그의 용도는 무엇입니까? HTML 기사 태그 사용 방법 소개