HTML 5에는 최소한의 코드 작성만으로 HTML 웹 페이지를 더욱 간단하게 디자인할 수 있는 흥미로운 기능이 있습니다. 웹 요소를 디자인하는 데 필요한 다양한 흥미로운 태그 세트를 제공합니다. 이러한 태그 중 하나가 유용하며, 이는 꼬리표. 이 태그는 약어를 한 번에 정의하고 표시하는 데 사용됩니다. HTML abbr 태그를 사용하면 약어 또는 두문자어의 전체 형식을 정의할 수 있으며 브라우저는 일반적으로 웹 페이지에 짧은 형식의 문자 버전을 표시하지만 해당 약어 위로 마우스를 가져가면 브라우저는 다음의 전체 형식을 표시합니다. 자동으로 해당 약어가 표시됩니다.
HTML abr 태그 구문
태그는 일반적으로 기인하다. 제목 태그는 문서의 제목을 정의하는 데 사용되므로 <abbr> 태그는 속성이 되며 특별한 의미를 갖습니다. 제목에는 사람이 읽을 수 있는 제목이나 약어의 전체 형식이 포함됩니다. <abbr> 태그는 사용자에게 마우스를 가져가면 전체 양식을 표시하고 설명 정의를 단순화합니다. 이 정보는 브라우저, 검색 엔진 및 번역 시스템과 같은 보조 시스템에 훨씬 더 유용합니다. 다음은 abbr 태그의 구문입니다.</p>
<ul>
<li><strong>일반 약어 태그:</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr> PFA </abbr></pre><div class="contentsignin">로그인 후 복사</div></div>
<p>이렇게 하면 아무런 의미도 없이 간단한 텍스트만 표시됩니다. 위의 약어에 대해 전체 형식 할당(예: PFA)을 사용하고 <title> 속성이 사용됩니다.</p>
<ul>
<li><strong>제목 태그가 포함된 abr 태그:</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr title = "Please Find Attached" > PFA </abbr></pre><div class="contentsignin">로그인 후 복사</div></div>
<p>여기에서는 표시 제목을 약식으로 정의했지만 동시에 <abbr> <제목> 꼬리표. <abbr> 태그는 쌍으로 제공되므로 항상 닫는 </abbr> 태그가 가능합니다.</p>
<p><strong>속성: </strong>구문에서 본 것처럼 제목 태그는 <abbr> 태그는 속성이 되어 특별한 기능을 할당합니다. 그렇지 않으면 <abbr> 태그가 있지만 이 태그는 <abbr> HTML에서 기본적으로 사용할 수 있는 전역 속성과 이벤트 속성을 지원합니다.</p>
<h3 id="HTML-abr-태그-구현-예시">HTML abr 태그 구현 예시</h3>
<p>다음은 HTML abr 태그 구현 예입니다.</p>
<h4 id="예시">예시 #1</h4>
<p>이 예에서는 제목 태그 없이 단순 약어를 볼 수 있습니다.</p>
<p><strong>코드:</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML </title>
<style>
body {
text-align: left ;
}
</style>
</head>
<body>
<abbr > PFA </abbr>
</body>
</html></pre><div class="contentsignin">로그인 후 복사</div></div>
<p><strong>출력:</strong> 아래와 같은 간단한 텍스트가 됩니다.</p>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" class="lazy" alt="HTML 약어 태그" ></p>
<h4 id="예시">예시 #2</h4>
<p>이 예에서는 제목 태그와 함께 약어를 볼 수 있습니다.</p>
<p><strong>코드:</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML
<abbr title = "Please Find Attached" > PFA </abbr>
