>웹 프론트엔드 >프런트엔드 Q&A >html5의 인라인 태그는 무엇입니까?

html5의 인라인 태그는 무엇입니까?

青灯夜游
青灯夜游원래의
2022-03-15 18:27:2012431검색

html5개 인라인 태그에는 다음이 포함됩니다:span, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, Strong, u, li, ins, del , dfn, kbd 등

html5의 인라인 태그는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML 태그(요소)는 블록 수준 요소와 인라인 요소(인라인 요소라고도 함)라는 두 가지 범주로 나눌 수 있습니다.

html5개 인라인 요소

인라인 요소의 주요 특징은 다음과 같습니다.

  • 인라인 요소와 기타 요소는 같은 줄에 표시됩니다.

  • 인라인 요소 패딩이나 패딩은 변경할 수 없습니다.

  • 인라인 요소의 너비는 내용의 너비와 동일하며 변경할 수 없습니다.

  • 인라인 요소에는 텍스트나 기타 인라인 요소만 수용할 수 있습니다. .

가장 일반적으로 사용되는 인라인 요소는 img, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, 외에span입니다. Strong, u, li, ins, del, dfn, kbd, var 등

인라인 요소에는 일부 CSS 스타일을 대체할 수 있는 매우 실용적인 특수 표시 효과가 있는 경우가 많습니다. 예를 들어

  • 태그는 글꼴을 수정할 수 있습니다. sub> 및 태그는 각각 아래 첨자 텍스트와 위 첨자 텍스트를 정의하는 데 사용됩니다.

  • 인라인 요소를 사용하려면 다음 사항에 주의해야 합니다.

너비 너비 설정이 유효하지 않습니다.

  • 높이 설정이 유효하지 않지만 다음을 통해 줄 높이를 설정할 수 있습니다. line-height;

  • 예 여백을 설정하지만 왼쪽 및 오른쪽 여백에만 유효하며 위쪽 및 아래쪽 여백에는 유효하지 않습니다.

  • 패딩을 설정할 때 왼쪽 및 오른쪽 여백만 유효하지만 위쪽 및 아래쪽 요소의 범위는 증가하지만 요소의 경우 주변 내용은 영향을 받지 않습니다.

  • 표시 속성을 통해 인라인 요소와 블록 수준 요소 간에 요소를 전환할 수 있습니다.

  • 【관련 추천:

    html 동영상 튜토리얼
  • ,
웹 프론트엔드

위 내용은 html5의 인라인 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.