1. 인용문 알아보기
다른 사람의 말이나 글, 혹은 다른 소스를 인용하는 경우에 사용하고, 블록 요소로는 <blockquote>, 인라인 요소로는 <p>요소를 활용할 수 있습니다. 정형화된 텍스트의 표현은 <pre>요소를 활용하며, <br>요소나 < (공백)>없이도 줄바꿈이나 공백이 유지되는 특징이 있습니다.
1-1. <blockquote>요소는 브라우저에서 들여쓰기의 형태로 출력됩니다. "cite"속성으로 해당 컨텐츠의 출처를 나타내고, <title>요소로 내용을 파악합니다.
- 소스코드
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>3-7. 인용문, 정형화된 텍스트 알아보기</title>
</head>
<body>
<div>
1-1.
<h1>다음은 "웹 접근성 연구소"에서 정리한 웹 접근성 정의내용입니다.</h1>
<blockquote cite="http://www/wah.or.kr/Accessibility/define.asp" title="웹 접근성 연구소에서 정리한 웹 접근성에 대한 정의 내용입니다.">
<p>
월드와이드웹(World Wide Web)을 창시한 팀 버너스 리(Tim Berners-Lee)는 웹이란<br>
"장애에 구애 없이 모든 사람들이 손쉽게 정보를 동유할 수 있는 공간"이라고<br>
정의하였스며, 웹 컨텐츠를 제작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다.<br>
이렇듯 웹 창시자가 웹의 기본적 철학에서 웹 접근성 부문을 강조함에도 불구하고, 웹 접근성을 바라보는 입장에 까라 다르게 정의하고 있다.<br>
</p>
<p>
월드 와이드 웹 컨소시엄(W3C:World Wide Web Consortium) 웹 접근성 이니셔티브(WAI:Web Accessibility Initiative)링크와<br>
김대처(Jim Thatcher)는 웹 접근성에 대해 매우 현실적으로 정의하고 있다. 즉, 장애를 가진 사람들이 웹 컨텐츠를 인지하고, 편리하게 사용할 수 있으며,<br>
그 내용이 이해하기 귀워야 하며, 견고성을 지녀야 웹 접근성이 있다고 보는 관점이다. 인터넷 전자도서관인 Wikipedia는 웹 접근성의 개념을 웹 컨텐츠 뿐만 아니라<br>
인터넥을 통하여 전달될 수 있는 모든 컨텐츠로 확대하고 있다.
</p>
</blockquote>
</div>
</body>
</html>
|
- 실행결과
2. pre요소 알아보기
<pre>요소는 img, big, small, sub, sup, label, input, select, textarea, button 요소 등의 텍스트를 장식하기 위한 요소로 사용하면 안 되고, 폼과 스크립트 관련 요소도 포함할 수 없습니다. 일반적으로 코드의 예제를 보여주기 위한 방안으로 활용하면 효과적입니다.
브라우저에서 태그를 그대로 표현하기 위해 <(<)과 >(>)을 사용했으며, 코드임을 알리기 위해 <code>요소를 사용했습니다.
- 소스코드
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>3-7. 인용문, 정형화된 텍스트 알아보기</title>
</head>
<body>
<pre>
<code>
<script src="js/jquery.js"></script>
<script>
$(".selector").click(function(){
$(".box").hide();
});
</script>
</code>
</pre>
</body>
</html>
|
- 실행결과
