[attribute] HTML - cite 속성 - (인용출처/삭제이유/삽입이유) 주소 연결 (= cite속성 = 사이트속성)

1. cite 예제 - <blockquote>경우
2. cite 정의
3. cite 구문
4. cite 예제 - <del> 경우
5. cite 예제 - <ins> 경우
6. cite 예제 - <q> 경우

cite 예제 - <blockquote>경우

※ 긴 인용의 출처 연결

 

<blockquote cite="https://homzzang.com/b/notice-140">

홈짱닷컴(Homzzang.com) - 홈페이지 제작관리 강의 사이트

</blockquote>

cite 정의

 

태그 종류에 따라 의미가 살짝 다름.

• <blockquote>, <q> - 인용 소스 지정.
• <del> - 삭제 이유 설명 소스 지정.
• <ins> - 삽입/변경 이유 설명 소스 지정.

 

---

 

1. cite 속성 사용 가능 태그

<blockquote>, <del>, <ins>, <q>

 

2.

필수 속성은 아니나, 스크린리더기 감안해 사용 권장.

 

3.

모든 브라우저 지원.

 

cite 구문

 

• <blockquote cite="URL">
• <del cite="URL">
• <ins cite="URL">
• <q cite="URL">

 

---

[속성값]

 

URL

(인용출처/삭제이유/삽입이유) URL 주소.

• 절대주소/상대주소 모두 가능.

 

cite 예제 - <del> 경우

※ 삭제 이유 적힌 문서 연결

 

<p><del cite="why_deleted.php">홈짱닷컴 (Homzzang.com) 폐쇄</del></p>

 

cite 예제 - <ins> 경우

※ (삽입/변경) 이유 적힌 문서 연결

 

<p><ins cite="why_inserted.php">홈짱닷컴 Homzzang.com</ins></p>

 

cite 예제 - <q> 경우

※ 짧은 인용의 출처 연결

 

<q cite="https://homzzang.com/b/notice-140">

홈짱닷컴(Homzzang.com) - 홈페이지 제작관리 강의 사이트

</q>