참고: HTML5의 주소 태그에는 시작 태그와 끝 태그가 모두 필요합니다(예:
……..- 주소 태그는 임의의 주소(즉, 연락처 정보와 관련 없는 주소)를 나타낼 수 없습니다.
- 주소 태그에는 출판 날짜와 같은 연락처 정보 이외의 정보가 포함되어서는 안 됩니다(대신
구문
다음은 언급된 구문입니다.
1. HTML/XHTML
<footer> ... </footer>
2. CSS
footer{
--your css code—
}
주소태그 중요사항
다음은 태그와 관련된 몇 가지 중요한 사항입니다.
- 있는 경우 요소는 공식적으로
- 이전에는 요소는 문서 작성자의 연락처 정보만 나타낼 수 있습니다. 그러나 최신 사양 버전에서는 해당 정의가 업그레이드되어 이제 임의의 마크업 주소에 사용할 수 있습니다.
- 요소에는 게시 날짜와 같은 연락처 정보 이상의 정보가 포함되어서는 안 됩니다(이를 위해서는 대신
- 주소 태그에 허용되는 유일한 콘텐츠 유형은 태그는 상위로서 를 중첩할 수 없습니다. 요소; 그런 다음 동일한 콘텐츠는 를 가질 수 없습니다. 상위 항목으로 태그를 지정하세요.
- 대부분의 브라우저는 태그는 기울임꼴로 표시되지만 CSS 스타일을 사용하여 이 동작을 변경할 수 있습니다.
- 주소 태그는 해당 주소가 해당 섹션의 연락처 정보가 아닌 한 임의의 주소(예: 우편 주소)를 나타낼 수 없습니다. 우편 주소를 표시하려면
태그.
- 태그에는
, - IE 9 이전 Internet Explorer 브라우저의 경우
, , , 과 같은 새로운 HTML5 요소에 대한 지원을 제공하는 JavaScript 해결 방법인 HTML5를 사용하세요.
태그별 속성
에는 특정 속성을 사용할 수 없습니다. 태그.1. 전역 속성
다른 모든 HTML 태그와 마찬가지로
태그는 HTML5의 전역 속성도 지원합니다. 전역 속성은 다음과 같습니다.- 액세스 키
- 수업
- 내용 편집 가능
- 컨텍스트 메뉴
- 디렉토리
- 드래그 가능
- 드롭존
- 숨겨진
- 아이디
- 항목ID
- 아이템소품
- 항목 참조
- 항목 범위
- 아이템 종류
- 랭
- 맞춤법 검사
- 스타일
- 탭인덱스
- 제목
- 번역
이러한 속성에 대한 전체 설명을 보려면 https://www.educba.com/html-attributes/를 방문하세요.
2. 이벤트 속성
HTML5의 태그는 모든 이벤트 속성도 지원합니다. 다음은 이벤트 핸들러 콘텐츠 속성입니다.
- onabort
- oncancel
- onblur
- oncanplay
- oncanplaythrough
- onchange
- onclick
- oncontextmenu
- ondblclick
- ondrag
- ondragend
- ondragenter
- ondragexit
- ondragleave
- ondragover
- ondragstart
- ondrop
- ondurationchange
- onemptied
- onended
- onerror
- onfocus
- onformchange
- onforminput
- oninput
- oninvalid
- onkeydown
- onkeypress
- onkeyup
- onload
- onloadeddata
- onloadedmetadata
- onloadstart
- onmousedown
- onmousemove
- onmouseout
- onmouseover
- onmouseup
- onmousewheel
- onpause
- onplay
- onplaying
- onprogress
- onratechange
- onreadystatechange
- onscroll
- onseeked
- onseeking
- onselect
- onshow
- onstalled
- onsubmit
- onsuspend
- ontimeupdate
- onvolumechange
- onwaiting
For a full explanation of these attributes, visit https://www.educba.com/html-event-attributes/
CSS text formatting properties in tag
- Text-color
- Text-alignment
- Text-decoration
- Text-transformation
- Line-height
- Text-direction
- Text-shadow
- Word-spacing
CSS Font properties in tag
- font-style – normal|italic|oblique|initial|inherit
- font-variant – normal|small-caps|initial|inherit
- font-weight – normal|bold|bolder|lighter|number|initial|inherit
- font-size – medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit
- font-family – family-name|generic-family|initial|inherit
CSS Test Shadow property for tag
<style>
address{
text-shadow: 1px 1px #FF0000;
}
</style>
Note: If the footer contains contact details, put them in the
tag.Examples of Address Tag in HTML
Below are the examples of Address Tag in HTML:
Example #1
Code:
. . . <header> <h1 id="HTML-Address-tag-example">HTML Address tag example</h1> </header> <main> <article> An article on HTML Address tag</article> </main> <aside> Body of an article </aside> <footer> <section>Copyright ©2020- EDUCBA.</section> <address> A- 406, Boomerang, Chandivali Farm Road, Yadav Nagar, Chandivali, Powai, Maharashtra, Mumbai - 400072. </address> </footer>
Output:
Example #2
Code:
. . . <header> <h1 id="HTML-Address-tag-example">HTML Address tag example</h1> </header> <div> <address> A- 406, Boomerang, Chandivali Farm Road, Yadav Nagar, Chandivali, Powai, Maharashtra, Mumbai - 400072. </address> </div>
Output:
Example #3
Code:
. . . <header> <h1 id="HTML-Address-tag-example">HTML Address tag example</h1> </header> <div> <address> We are always here to help. If you have a requirement / query about our services; email us at <a href="%5Bemail%C2%A0protected%5D">[email protected]</a> and we'll do our best to reply within 24 hours </address> </div>
Output:
Conclusion
Below are mentioned some of the main key points which you should remember from this topic:
- The HTML element is always in the tag.
- The HTML tag provides the contact information for the closest ancestor in HTML 4.01.
- The HTML tag includes contact information for the closest
or ancestor in HTML5. - The tag is usually placed inside the
- Do not place the publication date inside the tag; use the
- Most browsers will render the text within the tag in Italics, but you can change this behavior by CSS styling.
