비디오: JavaScript - 문서의 기하학적 특성 (3/4) : 스크롤제어 2025
Edge에서 텍스트에 HTML 태그 사용 애니메이션 프로젝트는 검색 엔진 최적화 (SEO) 및 브라우저 구문 분석에 도움이되므로 사람들이 온라인으로 애니메이션을보다 쉽게 찾을 수 있습니다.
실제로 HTML 태그를 글꼴에 할당하면 검색 엔진 결과에 애니메이션이 거의 영향을주지 않습니다. 그렇더라도 다음 정의에서 설명한대로 특정 유형의 텍스트에 올바른 HTML 태그를 사용하는 것이 좋습니다.
대부분의 경우 텍스트에 태그를 지정해도 눈에 띄게 변경되지는 않습니다. 단, '주소'를 사용하는 경우는 예외입니다 (글꼴이 기울임 체로 표시됨). HTML 태그를 사용하여 코딩 표준을 준수하는 것이 가장 좋습니다. 또한 화면 판독기를 사용할 때처럼 액세스 가능성을 높이는 데 도움이됩니다.
텍스트 상자를 선택하면 속성 패널 위쪽에 HTML 태그가 표시됩니다. div 근처의 드롭 다운 화살표를 클릭하면 그림과 같이 메뉴가 열립니다.
HTML 태그 메뉴의 오른쪽에 직접 클래스 및 작업 아이콘을 찾을 수 있습니다.
다음 HTML 태그를 텍스트 블록에 할당 할 수 있습니다.
-
div : 이것은 텍스트 상자의 기본 설정입니다. CSS3에서는 문서의 섹션을 정의합니다.
-
address : 주소 텍스트는 일반적으로 가장자리 애니메이트가 기울임 꼴로 표시됩니다. 연락처 정보를 정의하려면이 태그를 사용하십시오.
-
article : article 태그를 사용하여 독립형 콘텐츠를 정의하고 나머지 콘텐츠와는 별도로 배포 할 수 있습니다.
-
blockquote : 이 섹션을 사용하여 다른 곳에서 인용 한 텍스트 섹션을 정의하십시오.
-
p : 단락의 서식을 지정하는 데 사용되는 표준 태그입니다.
-
h1에서 h6까지 : 표준 헤더 태그입니다. 최상위 머리글에 h1을 사용하고 두 번째 레벨 머리글에 h2를 사용합니다.
-
pre : 텍스트는 고정 너비 글꼴 (일반적으로 Courier)로 나타나며 공백과 줄 바꿈을 유지합니다.
-
코드 : 컴퓨터 코드를 표시하려면이 태그를 사용하십시오.
각 텍스트 블록에 하나의 HTML 태그를 지정할 수 있습니다. 따라서 머리글 (h1)에 단 하나의 텍스트 블록을 사용하고 단락 (p)에 다른 텍스트 블록을 사용할 수 있습니다. 텍스트에 HTML 태그를 사용하는 것은 웹 개발을위한 좋은 방법으로 간주됩니다.
-
시각 장애인이 화면을 "읽는"데 사용하는 화면 판독기에 도움이되기 때문입니다. 스크린 리더는 텍스트 음성 변환 소프트웨어를 사용하여 내용을 소리로 표현합니다.
-
HTML 태그를 사용하는 것이 일반적인 코딩 방법으로 간주됩니다.
-
HTML은 SEO를 통해 최소한으로도 도움이됩니다.
