HTML 기사 태그의 용도는 무엇입니까? HTML 기사 태그 사용 방법 소개
- 寻∝梦원래의
- 2018-08-29 16:36:4613192검색
이 글에서는 주로 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>기사 태그의 코드 효과 스크린샷:
아래 그림은 기본적으로 코드 렌더링을 보여줍니다. 이해가 안 되는 부분이 있으면 아래에 메시지를 남겨주세요
【편집자 추천】
pre 태그에 텍스트를 html로 묶는 방법은 무엇인가요? html pre 태그 사용 예
HTML 스팬 태그의 class 속성을 어떻게 사용하나요? 클래스 속성에 대한 자세한 설명은 다음과 같습니다
위 내용은 HTML 기사 태그의 용도는 무엇입니까? HTML 기사 태그 사용 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!