HTML에서 주소 태그를 사용하는 방법
html의 <address></address> 태그는 문서의 저자 또는 소유자 또는 문서 섹션의 연락처 정보를 정의하는 데 사용됩니다. 의미 론적 요소입니다. 즉, 웹 페이지의 구조에 의미를 부여하여 개발자와 브라우저 모두 내부의 콘텐츠가 연락처와 관련이 있음을 이해하도록 돕습니다.
<address></address> 태그를 사용하는 시점
다음과 같은 연락처 세부 정보를 표시하려면 <address></address> 요소를 사용하십시오.
- 이메일 주소
- 물리적 주소
- 전화 번호
- 웹 사이트 URL
- 소셜 미디어 링크 (덜 일반적이지만 맥락에서 수용 가능)
일반적으로 기사, 블로그 게시물 또는 웹 사이트 연락처 페이지의 맨 아래에 배치됩니다.
예:
<주소> <a href = "mailto : john@example.com"> John Doe </a>. <br> 다음을 방문하십시오 : 예제 Corp <br> 123 Main Street, City, Country <br> 전화 : <a href = "전화 : 1234567890"> 1 (234) 567-890 </a> </주소>
<address> 태그를 배치 할 위치
배치는 의미론에 관한 것입니다.
- 내부
<article>: 해당 특정 기사 저자의 연락처 정보를 나타냅니다. -
<body>에서 그러나 모든 기사 외부에서 : 전체 문서의 소유자 또는 웹 사이트를 나타냅니다.
기사의 예 :
<기사>
<H2> 빵을 굽는 방법 </h2>
<p> 단계별 가이드 ... </p>
<주소>
<a href = "mailto : baker@example.com"> Jane Baker </a>
</주소>
</article> 스타일링 <address> 요소
기본적으로 브라우저는 일반적으로 <address> 태그를 이탤릭 스타일로 렌더링하지만 다를 수 있습니다. CSS를 사용하여 사용자 정의 할 수 있습니다.
예제 CSS :
주소 {
글꼴 스타일 : 정상;
색상 : #555;
마진-탑 : 20px;
글꼴 크기 : 0.9EM;
}중요한 메모
-
<address></address>태그는 임의의 주소를 나타내는 데 사용해서는 안됩니다 . 문서 나 섹션과 관련된 연락처 정보에만 사용하십시오. - 연락처 컨텍스트없이 우편 주소에 사용하지 마십시오 (예 : 이메일이나 전화없이 상점 위치를 나열하는 것만).
-
<a></a>,<br>및<p></p>와 같이<address></address>내부에 HTML 요소를 포함하여 연락처 세부 사항을 올바르게 구성 할 수 있습니다.
피해야 할 일반적인 실수
- page 페이지의 모든 주소에 대해
<address></address>사용 - 저자/문서 연락처 정보에만 사용하십시오. -
<address></address>내부에 저작권 정보와 같은 관련없는 컨텐츠를 넣습니다. -
mailto:또는tel:이메일 및 전화 번호 링크.
기본적으로 <address></address> 태그는 HTML에 구조와 접근성을 추가하는 작지만 의미있는 방법입니다. 적절한 경우 사용하고 연락처 방법을 올바르게 링크하고 과다 고민하지 마십시오. 그게 전부입니다.
위 내용은 HTML에서 주소 태그를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undress AI Tool
무료로 이미지를 벗다
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Stock Market GPT
더 현명한 결정을 위한 AI 기반 투자 연구
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
황소 시장과 곰 시장은 무엇입니까? 황소 시장인지 곰 시장인지 판단하는 방법?
Sep 05, 2025 am 10:33 AM
디렉토리에서 Market Bull을 식별하고 전환하는 방법은 무엇입니까? 거래량의 변화. 시장의 잠재적 위험에주의하십시오. 이 기사는 황소 시장이 무엇인지, 시장이 무엇인지, 그리고 현재 시장의 상태를 간단하고 효과적으로 결정하는 방법을 자세히 설명 할 것입니다. Binance Platform의 작동 인터페이스를 시연 할 예제로 사용하겠습니다. Binance Exchange에 등록하지 않은 경우 아래 제공된 등록 링크 및 앱 다운로드 주소를 통해 등록을 완료하여 비디오 자습서와 협력 할 수 있습니다. Binance 공식 웹 사이트 등록 : https://static.jbzj.com/qkl/ba/bazc.html (브라우저 링크를 열기 위해 링크 복사) Binance Android 버전 앱 다운로드 : https://static.jbzj.com/qkl/ba/baxz.ht
HTML에서 업로드 입력에 대한 파일 유형을 제한하는 방법
Aug 24, 2025 am 02:57 AM
accept = "image/*"만 허용 이미지, accept = ". pdf"pdf, accept = ". doc, .docx, .pdf, .txt"와 같은 HTML 파일의 업로드 유형을 제한하기 위해 수락 속성을 사용하여 HTML 파일을 허용합니다. 다르며 서버 검증을 대체하는 대신 가용성을 향상시키는 데만 사용됩니다.
HTML에서 양식 요소를 비활성화하는 방법
Aug 30, 2025 am 08:45 AM
HTML 양식 요소를 비활성화하려면 비활성화 된 속성을 사용할 수 있습니다.이 속성은 사용자 상호 작용을 방지 할 수 있으며 요소 값은 양식으로 제출되지 않습니다. 이 속성은 부울 유형이며 입력, TextArea, Select 또는 버튼과 같은 요소 태그를 형성하기 위해 직접 추가 할 수 있습니다. 예를 들어 Document.GetElementById ( "myInput")와 같은 JavaScript를 통해 동적으로 제어 할 수도 있습니다. disabled = true. 요소를 편집 할 수 없지만 값이 여전히 제출 된 경우 readonly 속성을 사용해야합니다. 장애인 속성은 간단하고 효과적이며 널리 지원됩니다.
HTML에서 앵커를 사용하여 페이지의 특정 부분에 링크하는 방법
Aug 31, 2025 am 06:52 AM
TolinktoAspeCificPartOfApageUsingAnchorsinhtml, antardauniqueIdToThetArgetElement, suchAS, thencreateAhyperLinkwithHref = "#section1"toscrolltothatsection 및 forcross-pageLinking, usethefullurllikepage.html#section1, ensuringsmml#
HTML에서 기본 클라이언트 측 이미지 맵을 구현하는 방법
Aug 26, 2025 am 08:08 AM
기본 클라이언트 이미지 매핑을 구현하려면 다음 단계를 따라야합니다. 1. usemap 속성이있는 태그를 사용하십시오.
산림 프로토콜 (산림 통화)이란 무엇입니까? 어때? 산림 토큰 경제 모델 및 시장 전망 분석
Sep 05, 2025 am 09:09 AM
카탈로그 ForestProtocol의 출생 배경 대화 형 토큰 (재생 가능한 토큰) 캠페인의 혁신적인 기술 아키텍처 : 토큰을 "플레이 가능한 제품"런치 패드 및 AMM으로 바꾸십시오 : 곡선, 마이그레이션, 플라이 휠 및 요금 및 수수료 : 캠페인의 역할과 가치의 숲의 토크와 마켓의 토크를 파괴하는 캠페인의 역할과 가치가있는 숲의 토크로 전환 및 수익을 파괴합니다. 로드맵 : 템플릿에서
HTML에서 비디오 및 오디오로 소스 태그를 사용하는 방법
Aug 28, 2025 am 02:42 AM
THETAGISUSSEDTOSCIFYMULTIPLEMEDIASOURCESSWITHINOREMENTERMESTEREMENMESS, BROWORBROWSERCOMPATIBINITY.1.ITALLOWSLISTINGDIFFERENTFILEFILESOTHEBROWSERCANPLAYTHEFIRSTSUPPORTEDONE.2
접근성을 위해 HTML의 ARIA는 무엇입니까?
Aug 27, 2025 am 04:57 AM
ariaisneedededtoenhancewebaccessibilityfordynamiccontentandcustomuicomponents thatlacknativehtmlsemantics.1) ariarolesdefineanelement'sprospose (예 : 역할 = "논쟁")
