HTML 약어 태그

HTML 5에는 최소한의 코드 작성만으로 HTML 웹 페이지를 더욱 간단하게 디자인할 수 있는 흥미로운 기능이 있습니다. 웹 요소를 디자인하는 데 필요한 다양한 흥미로운 태그 세트를 제공합니다. 이러한 태그 중 하나가 유용하며, 이는 꼬리표. 이 태그는 약어를 한 번에 정의하고 표시하는 데 사용됩니다. HTML abbr 태그를 사용하면 약어 또는 두문자어의 전체 형식을 정의할 수 있으며 브라우저는 일반적으로 웹 페이지에 짧은 형식의 문자 버전을 표시하지만 해당 약어 위로 마우스를 가져가면 브라우저는 다음의 전체 형식을 표시합니다. 자동으로 해당 약어가 표시됩니다.

HTML abr 태그 구문

태그는 일반적으로

• 일반 약어 태그:

<abbr> PFA </abbr>

이렇게 하면 아무런 의미도 없이 간단한 텍스트만 표시됩니다. 위의 약어에 대해 전체 형식 할당(예: PFA)을 사용하고

<abbr> PFA </abbr>

출력: 아래와 같은 간단한 텍스트가 됩니다.

예시 #2

이 예에서는 제목 태그와 함께 약어를 볼 수 있습니다.

코드:

<abbr title="Please Find Attached"> PFA </abbr>

출력: 점선 밑줄이 있는 약어가 됩니다.

이 위에 마우스를 가져가면 툴팁과 비슷한 방식으로 지정한 제목이 표시됩니다.

예시 #3

여기서 위에 CSS 스타일링 요소 글꼴 스타일을 기울임꼴로 사용했습니다. 태그.

코드:

 while writing an email, generally <abbr title="Please Find Attached"> PFA </abbr> is used 

출력:

예시 #4

대신 CSS 스타일 요소를 더 사용해 보겠습니다. 태그.

코드:

 while writing an email, generally <abbr title="Please Find Attached"> PFA </abbr> is used 

출력:

여기서 CSS 스타일링 요소를 사용하여 약어를 굵은 글씨와 빨간색으로 만들었습니다.

예시 #5

동일한 예를 수정하여 더 많은 스타일과 디자인을 추가해 보겠습니다.

코드:

 while writing an email, generally <abbr title="Please Find Attached"> PFA </abbr> is used 

출력:

위의 각 예에서 우리가 사용한 약어(예: PFA) 위로 마우스를 가져가서 우리가 할당한 제목이 브라우저에 어떻게 표시되는지 확인하세요.

유의사항

• 태그는 Google Chrome, Internet Explorer, Safari, Firefox, Opera 등을 포함한 거의 모든 브라우저에서 지원됩니다. 모든 브라우저에서 생성되는 출력은 경우에 따라 다를 수 있지만 결과는 동일합니다.
• 태그를 사용하면 다음 예에서 속성의 스타일을 지정하는 방법(사용 가능한 전역 속성을 사용하여)을 살펴보겠습니다. 이 요소를 표시하는 기본 스타일은 display: inline이며 브라우저마다 다를 수 있습니다.
• 태그는 사용자에게 전체 형식을 제공하거나 특정 콘텐츠를 정의하는 동안 또는 문서 스타일을 지정하는 경우 사용할 수 있습니다. 항상 태그.
• 속성은 꼬리표. 속성은 선택사항이며 태그.
• 옛날에는 약어나 두문자어를 정의하기 위해 HTML 5 앞에 태그를 추가해야 하지만 HTML 5에서는 더 이상 사용되지 않으므로 사용해서는 안 됩니다.

결론

이제 HTML 5에서 도입된 태그입니다. 이 태그는 약어나 두문자어를 정의하고 해당 제목이나 세부 정보를 한 번에 표시하는 방법을 제공했습니다. 우리는 기인하다. 이 태그에는 그러한 특별한 속성이 없습니다.

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