시맨틱 웹
웹 문서를 구조화하여 의미 있는 내용 탐색이 용이한 웹
→ <div> 태그를 이용하여 블록을 구성하기보다 시멘틱 태그를 이용할 때, 검색엔진이 문서와 블록의 의미를 파악하기 쉬움
시맨틱 태그
<header>, <section>, <article> 등
<header>
페이지나 섹션의 머리말 표현하는 태그
<nav>
하이퍼링크들을 모아 놓은 섹션
<section>
문서의 장, 절을 구성하는 역할
<aside>
기사 옆에 짤막하게 곁들이는 글을 담는 태그, 주로 오른쪽이나 왼쪽에 배치
<footer>
꼬리말 영역을 표시하는 태그
<details>와 <summary>
상세 정보를 담는 시멘틱 블록 태그
볼프강 아마데우스 모차르트
모차르트(1756년 1월 27일 ~ 1791년 12월 5일)는 1756년 1월 27일 잘츠부르크에서 태어난 천재 적인 오스트리아의 작곡가를 소개한다.
웹 페이지 소개 ‹figure>
생애
모차르트는 1756년 1월 27일 잘츠부르크에서 태어나서, 궁정 음악가였던 아버지 에게 피아노와 바이올린을 배웠고, , 다섯살 때 이미 작곡을 하기 시작했으며, 1764년에서 1765년 사 이에 바흐로부터 처음으로 교향곡을 작곡하는 법을 배웠는데 이것이 모차르트가 수많은 교향곡을 남기 는 계기가 되었다. 모차르트는 빈에서 1784년에 14세인 베토벤을 만나 베토벤을 교육시키는데 전념하 기도 했다.
죽음
모차르트는 1791년 12월 5일 오전 0시 55분경에 갑자기 병으로 죽었으며 모차르트가 완성하지 못한 작품 레퀴엠은 프란츠 크사버 쥐스마이어 (Franz Xaver Sissmayr)가 완성시켰다.
음악
오페라, 교향곡, , 행진곡, 관현악용 무곡, 피아노 협주곡, 바이올린 협주곡, 교회용 성악곡, 칸타 타, 미사곡 등 다양한 장르를 아우르며 600 여곡을 작곡하여 후대에 남겼다.
모차르트의 죽음에 얽힌 전설
< body><!DOCTYPE html> <!- 참고: https://ko.wikipedia.org/wiki/볼프강_아마데우스_모차르트 --> <html><head><title>시맨틱 태그로 구조화 연습</title></head>
<body> <header>
<h1>볼프강 아마데우스 모차르트</h1>
<p>모차르트(1756년 1월 27일 ~ 1791년 12월 5일)는 1756년 1월 27일 잘츠부르크에서 태어난 천재 적인 오스트리아의 작곡가를 소개한다. </p>
웹 페이지 소개
‹figure>
<img width="140" height="200" src="https://upload.wikimedia.org/wikipedia/
commons/thumb/1/le/Wolfgang-amadeus-mozart_1.jpg/500px-Wolfgang-amadeus-mozart_1.jpg">
<figcaption>1770년대 초상화</ figcaption>
</figure> </header> <nav>
<h2>목차</h2>
<ul>
<Li><a href=”#life">생애</a></i>
<li><a href-"#death"›&</a></li>
<Li><a href="#music">음악</axx/li>
</ul> </nav> <section>
‹article id="life")
<article>의 제목
<h2>생애</h2>
<p>모차르트는 1756년 1월 27일 잘츠부르크에서 태어나서, 궁정 음악가였던 아버지 에게 피아노와 바이올린을 배웠고, , 다섯살 때 이미 작곡을 하기 시작했으며, 1764년에서 1765년 사 이에 바흐로부터 처음으로 교향곡을 작곡하는 법을 배웠는데 이것이 모차르트가 수많은 교향곡을 남기 는 계기가 되었다. 모차르트는 빈에서 1784년에 14세인 베토벤을 만나 베토벤을 교육시키는데 전념하 기도 했다.
</p>
<article>의 본문
</article> <article id="death">
<h2>죽음</h2>
<P>모차르트는 1791년 12월 5일 오전 0시 55분경에 갑자기 병으로 죽었으며 모차르트가 완성하지 못한 작품 레퀴엠은 프란츠 크사버 쥐스마이어 (Franz Xaver Sissmayr)가 완성시켰다. </ p>
</article> ‹article id="music">
<h2>음악</h2>
<p>오페라, 교향곡, , 행진곡, 관현악용 무곡, 피아노 협주곡, 바이올린 협주곡, 교회용 성악곡, 칸타 타, 미사곡 등 다양한 장르를 아우르며 600 여곡을 작곡하여 후대에 남겼다. </p>
</article> ‹section>
aside id="legend”y
2 팁과 같은 짤막한 글
<h3>모차르트의 죽음에 얽힌 전설</h3>
<aside>의 제목
<p>모차르트의 장례식 날 비가 오고 천둥이 쳤다고 하나 New Groove에 따르면 사실은 구름 한 점 없는 쾌청한 날이었다고 한다.</p>
</aside> <footer>
<p>2017년 10월 7일 작성, 위키피디어 참고<p>
</footer> < body> </html>'FrontEnd' 카테고리의 다른 글
| [자바스크립트] 자바스크립트 언어 특징 및 문법 (0) | 2023.04.23 |
|---|---|
| [CSS3] CSS3로 웹 페이지 꾸미기 (0) | 2023.04.22 |
| [HTML5] HTML5 기본 문서 만들기 (0) | 2023.04.20 |
| 웹 프로그래밍 개요 (0) | 2023.04.18 |
| HTML, CSS, JAVASCRIPT 비교하기 (0) | 2023.04.18 |
댓글