Development/Web, WWW

시멘틱 태그 작성 - 02.html

codedragon 2021. 12. 15. 15:33
반응형

 

 

 

시멘틱 태그 작성 - 02.html

header태그를 이용해서 회사의 로그, 메뉴, 검색 상자등을 표시해 보겠습니다.

출력 결과는 한 줄로 나열되어 표시됩니다.

   


 

   

소스 코드

<html>

<head>

<meta charset="UTF-8">

<title>시멘틱 태그</title>

</head>

<body>

<!-- header        : 회사의 로고, 메뉴, 검색 상자등을 표시 -->

<header id="page_header">

<!-- 제목 -->

<h1>Star BLog</h1>

<!-- nav        : 메뉴, 페이지 연결 링크(메뉴) -->

<nav>

<ul>

<li><a href="1.html">최신 </a></li>

<li><a href="2.html">이전 </a></li>

<li><a href="3.html">다음 </a></li>

<li><a href="4.html">연락처</a></li>

</ul>

</nav>

</header>

<!-- section        : 페이지의 논리적 영역(내용 부분) -->

<section>

<!-- article        : 내용 표시 -->

<article class="post">

<!-- 내용의 작은 제목 -->

<header>

<h2>버전 v.3 대한 추가 기능 공지사항입니다.</h2>

<p>Posted By CodeDragon on 2020.02.10</p>

</header>

<aside>

<p>

&quot; virtual기능등 73,439 기능 추가 &quot;

</p>

</aside>

<p>

사과은 그동안 이같은 사실에 대해 지적 받았지만 이를 공식적으로 인정하지는 않았었다. 고객지원센터는 사용자의 이같은 문의에 대해 처음으로 이를 인정하고 해결방법을 게시했다.

그동안 많은 사람들이 자신의 아이폰을 안드로이드폰으로 기기 변경했을 경우 아이폰을 사용하는 친구들의 아이메시지 문자를 받지 못해왔다.

</p>

<p>

패시는 사과 고객센터 직원과 연락한 결과 아이폰이 아이메시지를 통해 안드로이드폰과 문자할 이를 전달하지 않는다는 사실을 확인했다고 밝혔다.

그는 사과 고객지원센터에 전화를 결과 "이는 많은 사람들이 겪고 있는 문제이며 엔지니어링팀이 이를 해결하려 하고 있지만 고칠 방법을 없으며 현재로서는 신뢰할 만한 해결책이 없다"는 말을 들었다고 밝혔다.

하지만 사과은 결국 자사 도움말 페이지에서 아이폰 사용자들이 심카드와 전화번호를 iOS단말기로 옮길 경우 아이메시지를 끄고 재설정하는 방법을 밝혔다.

사과은 심카드, 또는 전화번호를 아이메시지를 지원하지 않는 기기로 옮겨 받고 싶으면 '설정(Settings)>메시지(Messages)>송수신(Send & Receive)' 방식을 따르라고 고객지원 설명서에서 새로이 밝히고 있다.

</p>

<!-- 내용에 대한 반복적인 문구 -->

<footer>

<p>

<a href="comments.html">3,994,545,334,948 Comments</a>

</p>

</footer>

</article>

</section>

<!-- 사이드 -->

<section>

<nav>

<h3>이전 </h3>

<ul>

<li><a href="1.html">2020 1 10</a></li>

<li><a href="2.html">2020 1 12</a></li>

<li><a href="3.html">2020 1 26</a></li>

<li><a href="4.html">2020 1 29</a></li>

<li><a href="5.html">2020 2 01</a></li>

<li><a href="6.html">2020 2 15</a></li>

<li><a href="7.html">2020 2 22</a></li>

</ul>

</nav>

</section>

<!-- footer        : 저작권이나 사이트 소유자에 대한 정보 -->        

<footer>

<p>&copy; 2020 Star Blog</p>

<nav>

<ul>

<li><a href="home.html">홈으로</a></li>

<li><a href="about.html">블로그 소개</a></li>

<li><a href="board.html">게시판</a></li>

<li><a href="contact.html">연락처</a></li>

</ul>

</nav>

</footer>

</body>

</html>

   

 

 

출력결과