HTML5

HTML

HTML5 기초 <h> 태그란, 시맨틱 웹과 SEO의 기본

시멘팁 웹 시맨틱 웹(Semantic Web)이란 시맨틱 태그를 이용하여 웹 페이지를 의미있는 데이터 조합으로 만들도록 하는 웹으로 검색엔진의 크롤링을 돕는다. 간략히 하면 논리적인 구조이고 구글링 잘되는 좋은 웹이란 뜻입니다😓 이 글에서 다룰 헤딩태그도 시맨틱 태그 중 하나입니다. HTML5와 SEO의 단짝친구입니다. 같은 헤딩태그입니다. 제목태그란? 제목태그(헤딩태그,heading tag)는 h1부터 h6까지 총 6개가 있습니다. h는 heading, 머릿말 또는 제목을 의미하며 뒤에 숫자는 제목의 계층구조를 의미합니다. 그렇다면 h1은 대제목이고 h6은 제일 하위 소제목이 됩니다. 태그 글씨 크기 = 구조 브라우저 별로 헤딩태그는 글씨 크기가 다릅니다. 크롬 브라우저는 태그의 글씨크기가 font-s..

HTML

a href="#", void(0) 의 의미 차이점

⚓ #, javascript:, void(0); 차이점 이 글은 anchor tag의 href 속성만 다룹니다. 링크로 이동시켜주는 앵커태그의 href 속성은 작성된 value값으로 이동시켜주는 HTML태그입니다. 간단하게 속성 살펴보기 URL 이동 특정 주소를 작성하면 해당 페이지로 이동해주는 역할을 합니다. 네이버 이동 이렇게 작성했을 경우, 화면에 렌더링 된 네이버 이동 텍스트를 클릭하면 네이버로 이동합니다. 스크롤 이동 다른 태그에 작성된 아이디 값을 추가하여 스크롤을 해당 위치로 이동시킬 수 있습니다. OBJ로 이동 이같은 경우는 다른 페이지로 이동하는 것이 아니라, 열려진 페이지에서 obj라는 id값을 가진 요소 위치로 스크롤을 이동시킵니다. href="#, #none, javascript:v..

개굴이 dev
'HTML5' 태그의 글 목록