HTML5의 새로운 시맨틱 요소 article
[HTML5 <article> 요소]
<article> 요소는 독립적이고 독립적 인 내용을 지정합니다.
기사는 독자적으로 이해해야하며 나머지 웹 사이트와 독립적으로 기사를 읽을 수 있어야합니다.
<article> 요소를 사용할 수있는 위치의 예 :
포럼 게시물
블로그 게시물
신문 기사
예
<article>
<h1> WWF는 무엇을합니까? </ h1>
<p> WWF의 사명은 지구의 자연 환경이 악화되는 것을 막는 것입니다.
인간이 자연과 조화를 이루며 살 수있는 미래를 건설하십시오. </ p>
</ article>
<section> 또는 그 반대의 <article> 중첩
<article> 요소는 독립적이고 독립적 인 내용을 지정합니다.
<section> 요소는 문서의 섹션을 정의합니다.
정의를 사용하여 요소를 중첩하는 방법을 결정할 수 있습니까? 아니야 우리는 할 수 없어!
따라서 인터넷에서 <article> 요소를 포함하는 <section> 요소와 <sections> 요소를 포함하는 <article> 요소가있는 HTML 페이지를 찾을 수 있습니다.
<section> 요소를 포함하는 <section> 요소와 <article> 요소를 포함하는 <article> 요소가있는 페이지도 있습니다.
신문 기사의 예 : 스포츠 섹션의 스포츠 기사에는 각 기사의 기술 섹션이있을 수 있습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 3260 |
CSS
align-content 속성
|
| 3259 |
CSS
flex-wrap 프로퍼티
1
|
| 3258 |
CSS
align-items 속성
|
| 3257 | |
| 3256 |
CSS
플렉스 방향
|
| 3255 |
CSS
CSS3 Flexbox
|
| 3254 | |
| 3253 | |
| 3252 |
HTML
html예제 사이트
|
| 3251 | |
| 3250 | |
| 3249 | |
| 3248 |
CSS
열 너비 지정
|
| 3247 | |
| 3246 |
CSS
CSS3 열 규칙
|
| 3245 |
CSS
CSS3 열 사이의 간격 지정
|
| 3244 |
CSS
CSS3 다중 열 레이아웃
|
| 3243 |
CSS
Breadcrumbs
|
| 3241 |
CSS
중앙 페이지 매김
|
| 3240 |
CSS
페이지 매김 크기
|
| 3239 |
CSS
링크 사이의 공간
|
| 3238 |
CSS
둥근 테두리
|
| 3237 |
CSS
테두리가있는 페이지 매김
|
| 3236 |
CSS
둥근 활성 및 호버링 버튼
|
| 3235 | |
| 3234 |
CSS
CSS 페이지 매김의 예
|
| 3233 |
CSS
애니메이션 버튼
|
| 3232 |
CSS
세로 단추 그룹
|
| 3231 |
CSS
테두리가있는 단추 그룹
|
| 3230 |
CSS
버튼 그룹
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기