제목과 부제목

부제목 시스템을 사용하면 논리적 인 콘텐츠 구조를 만들 수 있습니다. 텍스트가 의미 블록으로 나뉘어 질 때, 독자는 새로운 정보에 집중하고 배우는 것이 훨씬 쉽습니다. 검색 엔진은 헤더를 분석하여 페이지를 홍보 할 요청을 이해합니다. SEO 전문가가 주제 키 사용을 권장하는 이유입니다.

HTML에서는

에서

까지 6 단계의 소제목이 사용됩니다. 이 시스템에는 명확한 계층 구조가 있습니다.

• ... . 주요 제목 (기사의 제목, 온라인 상점의 상품 등). 텍스트에는

  이 하나만있을 수 있습니다. 일반적으로 기본 키가 들어 있습니다.

• ... . 두 번째 수준의 부제목은 텍스트를 의미 블록으로 나눕니다. 예를 들어, 노트를 평가하는 경우 여러 모델의 이름으로 여러 개의

  를 만들 수 있습니다.

• ... . 두 번째

  사이의 텍스트가 작은 블록으로 나뉘어지면 세 번째 수준이 필요합니다. 이 예에서는 각 모델에 대한 "성능", "메모리", "비디오 카드"등의 평가 기준이 될 수 있습니다.

• ,

  ,

  . 실제로는 극히 드문 경우입니다. 그러나 일반적인 원칙은 동일합니다. 블록에서 최상위 소제목이 "중첩"되어야합니다.

올바른 계층 구조를 추적하십시오. 예제로 돌아 가면 모델 이름을

또는

로 바로 입력 할 수 없다는 것을 의미합니다. 그리고 균등 한 의미 블록에 대해 서로 다른 레벨의 하위 제목을 사용하는 것 (예를 들어 등급에서 마지막 자리를 차지한 랩톱을

의 도움으로 할당하는 경우).

그리고 HTML의 올바른 헤더 구조를 즉시 이해하고 기억하는 데 도움이되는 체계가 있습니다.

목록

열거 및 지침은 텍스트 용 특수 HTML 태그를 사용하여 목록으로 형식이 잘 지정됩니다 (일반적인 실수는

에 하이픈 또는 숫자로 시작하는 몇 개의 단락 일뿐입니다).

이러한 블록의 구조는 매우 간단합니다. 먼저

... 또는 번호가 매겨진
... 이라는 목록 유형을 정의합니다.

모든 요소는 여는 태그와 닫는 태그 사이에 있습니다. 목록의 각 항목은 새 줄로 시작하며

1. ... 형식을 갖습니다. 요소의 수는 제한되지 않습니다.

   글꼴 선택 : 와 그 속성

   이 HTML 태그를 사용하여 무엇을 변경할 수 있습니까? 텍스트의 크기, 글꼴 및 색상 - CSS에 새 클래스를 추가하지 않습니다. 이것은 하나의 문장이나 단편만을 선택해야 할 때 매우 편리합니다.

   는 다음과 같은 특성을 가지고 있습니다.

   • 얼굴 . 텍스트 글꼴을 변경할 수 있습니다. 여러 옵션을 쉼표로 구분하여 나열 할 수 있습니다 (Tahoma, Verdana). 사용자가 첫 번째 글꼴을 설치하지 않은 경우 시스템은 단순히 다른 글꼴을 사용합니다.
   • 크기 . 텍스트를 늘리거나 줄이려면 1에서 7 사이의 값을 따옴표로 지정하십시오.
   • 색상 . 디자인에 따라 표준 색조 (빨간색, 녹색, 파란색) 중 하나를 선택하거나 선택할 수있는 색 코드를 입력 할 수 있습니다.

   하위 제목 대신 형식의 단락을 사용하지 마십시오. 올바른 태그에 대해 동일한 설정을 지정하는 것이 좋습니다.

   텍스트를 선택하는 방법

   단조로운 텍스트 타이어, 심지어 단락별로 고장. 관심을 끌고 독자의 관심을 따뜻하게하기 위해 핵심 포인트를 그래픽으로 강조하는 것이 좋습니다. 이 작업에 대처하는 데 도움이되는 몇 가지 명령이 있습니다.

   ... . 매우 인기있는 HTML 태그. 굵은 글자가 즉시 눈에 띄기 때문에 중요한 도움을 얻고 중요한 논문과 사실을 강조하는 것이 편리합니다.

   많은 사람들이 및 태그를 혼동합니다. 시각적으로 차이는 없지만 여러 가지 방식으로 작동합니다. 첫 번째는 단순히 텍스트의 모양을 변경하고 두 번째는 "포인터"의 기능을 수행하고 가장 중요한 부분 (SEO의 주제 키워드 및 구문)을 강조 표시합니다.

   ... . 우아하고 엄격한 이탤릭체는 과학 용어, 외국어 및 다양한 인용문을 디자인하는 데 이상적입니다. 진지한 판본들에서, 예술 작품의 제목은 또한 비스듬한 텍스트로 구별된다.

   ... . 아마도 많은 분쟁으로 인해 HTML 태그가 생기지 않았을 것입니다. 이 할당 방법은 역사적으로 하이퍼 링크에 할당 되었기 때문에 텍스트의 밑줄은 거의 사용되지 않습니다. 기사에서 를 사용하는 경우 짧은 단편에 한해서만 사용할 수 있습니다 (한 줄 넘음).

   ... . 텍스트의 일부를 무효 로 만들 수있는 재미있는 태그 . 예를 들어 구 가격과 신 가격 간의 대비를 강조하는 것과 같이 광고와 매우 관련이 있습니다.

   ... . 추가 매개 변수없이 글꼴 크기를 늘리는 가장 쉬운 방법입니다.

   ... . 이전 태그와 동일한 원리로 작동합니다. 메인 텍스트에 비해 내부의 텍스트가 줄어 듭니다.

   ^... . 이 형식의 올바른 이름은 위 첨자입니다. 기본적으로이 태그는 수학 학위 및 각주 용으로 설계되었습니다. 글꼴 크기를 줄이고 선택한 텍스트를 위로 이동합니다.

   _... . 아래 첨자는 종종 다양한 수식에서 발견됩니다. 선택한 단편은 본문 아래에 있습니다.

   시맨틱 컨테이너

   일부 블록은 많은 텍스트에서 발견되었으므로 특수 태그가 생성되었습니다. 각 형식의 유형에 고유 한 스타일 세트가있는 경우 텍스트 조각을 선택하고 포함 된 정보를 나타내는 것으로 충분하기 때문에 서식을 단순화합니다.

   ... . 컴퓨터 코드를 추가하기위한 태그. 예제가있는 프로그래밍 기사에서는 대체 할 수 없습니다. 명령은 실행되지 않지만 일반 텍스트로 표시됩니다.

   ... . 이것은 인용문의 공식화를위한 것입니다 - 예를 들어, 인터뷰의 핵심 발췌 물.

   ... . 별도의 블록에서 텍스트의 일부를 가져옵니다. 기본적으로 선택 영역의 왼쪽에는 큰 여백이 있지만 CSS에서는 텍스트의 크기, 스타일 및 색상을 변경할 수도 있습니다.

   <주소> ... . 추가 태그 - 링크를 포함하여 작성자에 대한 정보가 들어 있습니다.

   분리 선

   ---

   간단한 막대를 사용하여 큰 섹션의 논리적 끝을 지정할 수 있습니다.

   ---

   은 쌍을 이루는 태그에는 적용되지 않습니다. 이것은 형식의 닫는 요소가 필요 없다는 것을 의미합니다.

   WIDTH 속성을 사용하면 적절한 크기를 픽셀 또는 창 너비의 백분율로 지정하여 구분 기호를 더 짧게 만들 수 있습니다.

   태그를 올바르게 사용하여 HTML 텍스트를 형식화하는 방법을 배우면 기사를 읽기 쉽도록 만들뿐만 아니라 SEO의 효율성을 높일 수 있습니다.