기사요소

HTML5 문서는 HTML5 seemantic 요소로서 다음과 유사하다.<section>그리고<header>그것은 그것이 나타나는 사이트나 응용 프로그램의 나머지 부분으로부터 독립적으로 배포될 수 있는 정보를 포함하는 데 가장 일반적으로 사용된다.

특징 및 사용법

HTML5 <article>요소는 독립적으로 배포 가능하거나 재사용 가능한 웹 페이지 또는 웹 애플리케이션에서 완전한 구성을 나타낸다(예: 신디케이션).포럼 게시물, 잡지 또는 신문 기사, 블로그 항목, 사용자가 제출한 의견, 대화형 위젯 또는 기기 또는 기타 독립된 콘텐츠 항목이 될 수 있다.^[1]

예

가장 기본적인 것은,<article>다음과 같이 텍스트 본문과 해당 제목을 캡슐화하는 데 사용할 수 있다.

<기사><2>제목 삽입 <여기></h2> 여기에 텍스트 한 단락 삽입 </기사>

포럼 항목 및 의견은 일반적으로 중첩에 의해 구현됨<article>태그:

<기사><h1>엔트리 제목 <p>헤더 정보 </p>/header>엔트리 내용...</p> <조서> <<header書> <h2>>작성자: John Smith</h2> Comment Info</p> </header> Comment text...</p> </기사> <<기사> <<기사>> <<기사>> <<사설>> <h2>.저자: 제인 존슨 (/h2) 제2차 코멘트 정보 </p> </header> <p>코멘트 텍스트...</p> </기사> </기사>

특성

그<article>요소에는 콘텐츠, ID 및 제목과 같은 글로벌 HTML 속성만 포함된다.^[2]단, pubdate는 의 선택적 부울 속성이다.<time>원소, 종종 와 함께 사용된다.<article>. 존재한다면, 그것은<time>원소는 날짜다.<article>출판되었다.pubdate는 부모에게만 적용된다는 점에 유의하십시오.<article>요소 또는 문서 전체.^[3]

<섹션>과의 비교

HTML5에서 두 가지 모두 도입<article>그리고<section>; 둘 다 의미 태그로, 장, 머리글, 바닥글과 같은 문서의 섹션을 정의한다.^{[4][unreliable source?]}그<article>원소는 사실상 특화된 종류의 것이다.<section>그리고 관련 콘텐츠의 독립적이고 자급자족적인 블록을 언급하면서 보다 구체적인 의미를 갖는다.^[3][5]

내포 예제

독립적인 내용을 보다 효과적으로 구성하려면<section>태그는 내부에 중첩될 수 있음<article>태그:

<기사><h2>모양의 이름</h2><p>는 여러 가지 다른 형태의 모양들이 있다...</p> <h4> 트라이앵글스 </h4> 여기 삼각형에 관한 정보가 있다 </p </section> <h4>Circles </h4>.파이 모양의 경이로운 것들이 매혹되고...</p> </섹션> </기사>

반대로, 둥지를 짓는 것이 적절할 수 있다.<article>a 내부의 요소<section>원소의예를 들어, 다양한 주제에 대한 여러 기사가 포함된 웹 페이지:

 <섹션> <h1>파리관광에 관한 토막글 <h3>에펠탑은 높이가 12인치가 넘는...</p> </기사> <<h3> 루브르 박물관은 파리 관광에서 꼭 봐야 할 곳...</p> </기사> </섹션>

브라우저 지원

다음 브라우저는 이 요소에 대한 지원을 제공한다.^[6]

• 바탕 화면
  • Google Chrome 5.0 이상
  • Firefox 4.0 이상
  • Internet Explorer 9.0 이상
  • Safari 4.1 이상
  • 오페라 11.1 이상
• 모바일
  • Android 2.2 이상
  • Firefox Mobile(Gecko) 4.0 이상
  • IE 모바일 9.0 이상
  • Safari Mobile 5.0 이상
  • 오페라 모바일 11.0 이상

참조

외부 링크

• 리치 코드 조각 워드프레스 플러그인