HTML의 주소 태그

WBOY
풀어 주다: 2024-09-04 16:30:55
원래의
878명이 탐색했습니다.

HTML 문서의 주소 태그는 기호로 표시되어 조직이나 개인의 연락처 정보를 제공합니다. <주소> 태그는 HTML 문서의 다른 위치에서 사용될 때 다른 의미를 갖습니다. 태그를 사용하면 문서의 연락처 정보가 표시되며

태그는 기사의 연락처 정보를 나타냅니다. 일반적으로
태그는 기울임꼴로 표시됩니다. 일부 브라우저에는 주소 태그 앞뒤에 줄 바꿈을 추가하는 기능이 있습니다. <주소> 태그는
태그를 포함하여 기사의 작성자를 나타내는 등 다양한 상황에서 사용될 수 있습니다.
내의 요소 페이지 헤더에 업체 연락처 정보를 태그하거나 제공하세요.

참고: HTML5의 주소 태그에는 시작 태그와 끝 태그가 모두 필요합니다(예:

……..

  • 주소 태그는 임의의 주소(즉, 연락처 정보와 관련 없는 주소)를 나타낼 수 없습니다.
  • 주소 태그에는 출판 날짜와 같은 연락처 정보 이외의 정보가 포함되어서는 안 됩니다(대신

구문

다음은 언급된 구문입니다.

1. HTML/XHTML

<body>
<footer> ... </footer>
<body>
로그인 후 복사

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:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>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 &copy;2020- EDUCBA.</section>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</footer>
</body>
</html>
로그인 후 복사

Output:

HTML의 주소 태그

Example #2

Code:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>HTML Address tag example</h1>
</header>
<div>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</div>
</body>
</html>
로그인 후 복사

Output:

HTML의 주소 태그

Example #3

Code:

<!DOCTYPE html>
<html>
<head> . . . </head>
<body>
<header>
<h1>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="[email&#160;protected]">[email protected]</a> and we'll do our best to reply within 24 hours </address>
</div>
</body>
</html>
로그인 후 복사

Output:

HTML의 주소 태그

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
    tag for the
    or .
  • 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.

위 내용은 HTML의 주소 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿