<q> : 인용한 내용을 표시하기 위한 것
티스토리 뷰
1. 개념
<q> - 따옴표로 인용 내용 표시
2. 태그
<q> - 예제
html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!
DOCTYPE
html>
<html lang
=
"kr"
>
<head>
<meta charset
=
"utf-8"
>
<title>
키보드와 하루
</title>
</head>
<body>
1
지금부터 인용할 구문은
<q cite
=
"https://devjhs.tistory.com"
>
키보드와 하루 블로그
</q>
입니다.
<br>
<br>
지금부터 인용할 구문은
<blockquote>
키보드와 하루 블로그
</blockquote>
입니다.
</body>
</html>
|
결과 화면
코드 설명
1
<q>
........
</q>
q태그를 이용하면 인용한 내용임을 표시하고자 할 때 따옴표로 표시하는 것을 확인하실 수 있습니다.
눈에 보이는 따옴표가 똑같이 때문에 따옴표(")를 그냥 써서 사용하는 것과 무슨 차이가 있느냐라고 생각하실 수 있습니다.
웹 브라우저에 표시된 것은 그렇지만 실제 웹 접근성을 위해서는 q태그를 이용해 인용문을 표시하는 것이 맞습니다.
속성으로 cite라는 것을 이용하는데 이는 출처 URL를 표기해 놓는 곳입니다.
인용문에 표현에 사용되는 blockquote와 비교를 해보면 q 태그는 줄 바꿈이나 들여쓰기가 없는 것을 확인하실 수 있습니다.
눈에 보이는 따옴표가 똑같이 때문에 따옴표(")를 그냥 써서 사용하는 것과 무슨 차이가 있느냐라고 생각하실 수 있습니다.
웹 브라우저에 표시된 것은 그렇지만 실제 웹 접근성을 위해서는 q태그를 이용해 인용문을 표시하는 것이 맞습니다.
속성으로 cite라는 것을 이용하는데 이는 출처 URL를 표기해 놓는 곳입니다.
인용문에 표현에 사용되는 blockquote와 비교를 해보면 q 태그는 줄 바꿈이나 들여쓰기가 없는 것을 확인하실 수 있습니다.
'[개발]프로그래밍 > html5' 카테고리의 다른 글
| [html5] <ul> - 순서가 없는 목록 만들기 (0) | 2021.01.01 |
|---|---|
| [html5] <mark> - 형광펜 효과 , <span> - 텍스트 영역 감싸 스타일 적용 (0) | 2020.12.31 |
| [html5] <strong>,<b> - 텍스트 굵게 표시 및 차이점 (0) | 2020.12.29 |
| [html5] pre 태그 - 입력한 그대로 브라우저에 표시 (0) | 2020.12.28 |
| [html5] <hr> - 수평 줄 , <blockquote> - 인용문 넣기 (0) | 2020.12.27 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday