반응형 SEO10 [HTML] em 태그 (텍스트 의미 강조&검색엔진최적화) 목 차HTML 태그란?주요 특징 태그 기본 사용법 태그와 태그의 비교 태그와 태그의 비교SEO(검색엔진 최적화)에서 태그의 역할CSS를 사용한 스타일 변경 태그 사용 시 주의 사항 HTML 태그란? 태그는 텍스트를 강조(emphasis)할 때 사용하는 HTML 요소입니다. 기본적으로 기울임(italic) 스타일이 적용되며, 의미적으로 중요한 텍스트를 강조하는 역할을 합니다. 주요 특징텍스트를 강조하는 의미적(semantic) 태그기본 스타일은 기울임(italic) 처리 (font-style: italic;)검색엔진 최적화(SEO)와 접근성(스크린리더)에서 중요한 정보로 인식됨강조 정도에 따라 과 함께 사용 가능 태그 기본 사용법이 문장에서 강조된 부분은 기울어집니다.출력 결과:이 문장에서.. 2025. 2. 11. [HTML] strong 태그 - 검색엔진 최적화(SEO) 태그 목 차HTML 태그란?주요 특징기본 사용법 태그와 태그의 비교 태그와 태그의 비교CSS를 사용한 스타일 변경SEO(검색엔진 최적화)에서 의 역할 태그 사용 시 주의할 점 HTML 태그란? 태그는 텍스트를 강하게 강조(strong emphasis)할 때 사용하는 HTML 요소입니다. 기본적으로 굵게(bold) 표시되며, 의미적으로 중요한 내용을 강조하는 데 사용됩니다. 주요 특징 시각적으로 굵게 표시됨 (하지만 단순한 태그와는 다름).의미론적(semantic) 의미가 있음 → 검색엔진(SEO)과 접근성(스크린리더)에서 중요한 텍스트로 인식.다른 강조 태그 (, , 등)와 함께 사용할 수 있음. 기본 사용법이 문장은 중요한 부분을 강조합니다.출력 결과:이 문장은 중요한 부분을 강조합니다.".. 2025. 2. 10. 티스토리 사이드바에 원하는 페이지 글목록 만들기 목 차티스토리 사이드바에 글목록 넣는 이유사이드바 글목록 직접 만드는 방법HTML 리스트 만들기CSS 적용하기사이드바에 HTML 소스 적용하기 티스토리 사이드바에 글목록 넣는 이유티스토리 사이드바에는 기본적으로 최신글, 인기글을 넣어주는 기능이 있습니다. 하지만 블로그 운영자에게 있어서 단순 기능에 지나지 않아 좀 더 자유롭게 쓰고 싶다고 생각할 수 있습니다. 본 글에서 다루고 싶은 내용은 티스토리 사이드바에 원하는 페이지 목록을 직접 만들어 페이지 접속자가 블로그 메인 페이지에 가서 글 목록을 확인하지 않고 바로 글 목록을 확인하게 해주고 다른 포스팅 글도 클릭하도록 유도하는데 그 목적이 있습니다. 또한 검색엔진 최적화(SEO) 링크 연결 작업에도 도움이 될 수 있으니 블로그 운영자라면 한번쯤은 사.. 2025. 2. 9. [HTML] base 태그 (상대 경로, 절대 경로) 목 차HTML 태그란?주요 특징사용 예시기본 URL 설정 (href)기본 대상 설정 (target) 태그의 속성 태그 사용시 주의 사항 태그와 절대 경로 vs 상대 경로 비교 HTML 태그란? 태그는 HTML 문서에서 기본 URL(기본 주소)과 기본 대상(target)을 설정하는 역할을 합니다. 이를 통해 문서 내의 상대 경로 링크와 리소스(이미지, CSS, JavaScript 등)의 기본 경로를 지정할 수 있습니다. 주요 특징 기본 URL 설정 (href 속성 사용)문서 내 상대 경로 링크의 기본 주소를 정의합니다.페이지에 있는 모든 상대 URL 링크(href, src 등)가 에 설정된 경로를 기준으로 해석됩니다. 기본 대상(target) 설정 (target 속성 사용)문서의 모든 하이퍼링크.. 2025. 2. 5. [HTML] b 태그 (모르면 안되는 내용 정리) 목 차HTML 태그란? 태그 특징 및 역할 요약사용 예시기본적인 태그 사용 태그와의 차이 태그와 태그 비교CSS로 태그 대신 스타일링 하는 방법 HTML 태그란? 태그는 텍스트를 굵게 (bold) 표시하는 데 사용됩니다. 하지만 단순한 시각적 효과만 제공하며, 문맥적 중요성을 의미하지는 않습니다. 태그 특징 및 역할 요약텍스트를 굵게 표시 태그는 해당 텍스트를 시각적으로 강조하여 굵게 보이도록 합니다.하지만 의미론적인 강조(중요성, 강한 강조 등)를 나타내지는 않습니다.CSS 없이 기본적으로 적용됨 태그를 사용하면 별도의 CSS 없이도 글자가 굵게 표시됩니다.기본적으로 font-weight: bold; 스타일이 적용됩니다.중요한 정보 전달을 위한 용도 X 태그는 단순한 스타일링 용도로 사용되며.. 2025. 2. 4. [HTML] address 태그 문법 및 사용 예제 목 차1. address 태그란?2. 기본 개념3. 기본 문법4. 사용 예제4-1. 웹페이지의 작성자 정보4-2. 회사 정보4-3. 블로그 작성자 5. 주요 특징6. CSS 스타일링7. 접근성과 SEO 1. address 태그란?HTML의 태그는 문서나 페이지의 작성자, 소유자, 또는 관련 연락처 정보를 나타내는 블록 요소입니다. 이 태그는 주로 주소나 연락처 정보를 표시하기 위해 사용되며, 의미론적(Semantic) 태그로서 문서의 구조와 정보를 명확히 전달하는 데 도움이 됩니다. 2. 기본 개념 태그는 물리적 주소뿐만 아니라 이메일, 전화번호, 웹사이트 링크 등 다양한 연락처 정보를 나타낼 수 있습니다.문서나 섹션의 작성자 또는 관련된 사람/조직의 정보를 제공하기 위해 사용됩니다.스타일링 측면에.. 2025. 1. 11. 이전 1 2 다음 반응형
