semantic Block element 시멘틱 태그 검색엔진은 시멘틱태그를 사용했을 때 더 많은 정보를 얻을 수 있다. 스크린 리더 등 여러가지 사용자 입장에서 문서 구조를 파악하기 쉽다. 코드를 들여다보는 다른 사람도 코드의 구조와 의미를 파악하기 쉽다. h1태그로 감싼 제목을 span태그로도 외형적으로 똑같이 보이도록 할 수 있지만 제목의 의미를 가진 h1태그의 장점은 이용할 수 없다. 각각의 의미가 있는 태그를 사용해야 웹표준성에 어긋나... block elementsemanticblock element HTML(2) :: Semantic Web Semantic web 이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 관련성을 가지는 거대한 데이터 베이스로 구축하고자 하는 발상을 가지고 만들어진 웹시 스템을의미한다. Semantic 요쇼(Semantic Element) : 브라우저, 검색엔진, 개발자 모두에게 콘덴츠의 의미를 명확히 설명하는 역할을 한... PoiemawebsemantichtmlPoiemaweb [HTML] 시멘틱 태그를 어떻게 쓰면 좋을까? semantic tag는 의미론적 태그라는 의미이다. 마치 집 내부를 공간의 쓰임새별로 현관, 거실, 안방 등으로 나누는 것처럼 각각의 코드블럭이 어떤 쓰임새를 가지는지 의미를 주는 것이다. 이를통해 코드의 의미를 보다 직관적으로 파악하고 접근할 수 있다면, 코드를 작성하거나 수정할 때 훨씬 쾌적하고 수월할 것이다. 무엇보다도 나를 위해서 시멘틱 태그를 잘 활용하여 직관적인 구조를 만들어야 ... tagsemanticsemantic Inline element 시멘틱 태그 <b>태그는 굵은 글꼴을 표현하고 싶을 때 사용한다 별 다른 의미는 없으며 텍스트를 굵은 글씨로 표현하기 위한 용도이기 때문에 더 이상 사용하지 않는 요소 <img>태그는 html페이지에 이미지를 삽입할때 사용하는 태그 alt속성은 이미지가 보여지지 않을 때 alt 속성에 적힌 텍스트를 이미지 대신 보여준다 다양한 크기를 가지는 동일 이미지를 최소 2개 이상일 때 사용하며, 브라우저에게 이미... text level시멘틱태그inline elementsemanticinline element 의미론적인 태그(Semantic) header, footer ...etc) Sectioning Tag 들은 태그 사이에 꼭 heading Tag 를 한번은 사용 해야 한다. 1. header 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵, 언어 선택 등)으로 구성된 영역 링크 중에서 중요도가 높은 링크를 체계적으로 구성해 놓은 것 ul, li, a 요소와 함께 사용 꼭 <h> 와 같이... WeCodesemantichtmlWeCode 시맨틱 웹(semantic web) & 시맨틱 테그 semantic tag 우리가 html을 쓸 때 굳이 여러 태그를 쓰는 이유가 뭘까? 단지 좀더 편하고 다양하게 쓰고싶어서? 물론 그것도 맞겠지만, 더 중요한 것은 '정보에게 의미'를 주는 것이다. h1태그는 '가장 대표 제목' h2는 '두번째 제목', p는 '본문', nav는 '네비게이션'. 이렇게 모든 태그에는 그에 맞는 의미가 있다. 이런 '정보의 의미'에 맞게 태그를 쓰는 것은 같은 동료 개발자뿐만아니라 요... 시맨틱 테그semanticbackground image시맨틱 웹image시맨틱background image TIL Semantic의 중요성 프로그래밍에서 semantic은 코드 블럭의 의미를 뜻한다. 예를 들어, JS에서 함수의 이름을 기능에 맞게 명명하는 것, CSS에서 선택자만 보고도 무엇을 의미하는지 이해 할 수 있도록 명명하는 모든 것들이 semantic하다고 말 할 수 있다. JS에서 semantic -> 'add'에 비해 'oh'라는 함수명은 기능에 대한 어떠한 정보도 제공하지 못한다. CSS에서 semantic ->... semanticsemantic
Block element 시멘틱 태그 검색엔진은 시멘틱태그를 사용했을 때 더 많은 정보를 얻을 수 있다. 스크린 리더 등 여러가지 사용자 입장에서 문서 구조를 파악하기 쉽다. 코드를 들여다보는 다른 사람도 코드의 구조와 의미를 파악하기 쉽다. h1태그로 감싼 제목을 span태그로도 외형적으로 똑같이 보이도록 할 수 있지만 제목의 의미를 가진 h1태그의 장점은 이용할 수 없다. 각각의 의미가 있는 태그를 사용해야 웹표준성에 어긋나... block elementsemanticblock element HTML(2) :: Semantic Web Semantic web 이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 관련성을 가지는 거대한 데이터 베이스로 구축하고자 하는 발상을 가지고 만들어진 웹시 스템을의미한다. Semantic 요쇼(Semantic Element) : 브라우저, 검색엔진, 개발자 모두에게 콘덴츠의 의미를 명확히 설명하는 역할을 한... PoiemawebsemantichtmlPoiemaweb [HTML] 시멘틱 태그를 어떻게 쓰면 좋을까? semantic tag는 의미론적 태그라는 의미이다. 마치 집 내부를 공간의 쓰임새별로 현관, 거실, 안방 등으로 나누는 것처럼 각각의 코드블럭이 어떤 쓰임새를 가지는지 의미를 주는 것이다. 이를통해 코드의 의미를 보다 직관적으로 파악하고 접근할 수 있다면, 코드를 작성하거나 수정할 때 훨씬 쾌적하고 수월할 것이다. 무엇보다도 나를 위해서 시멘틱 태그를 잘 활용하여 직관적인 구조를 만들어야 ... tagsemanticsemantic Inline element 시멘틱 태그 <b>태그는 굵은 글꼴을 표현하고 싶을 때 사용한다 별 다른 의미는 없으며 텍스트를 굵은 글씨로 표현하기 위한 용도이기 때문에 더 이상 사용하지 않는 요소 <img>태그는 html페이지에 이미지를 삽입할때 사용하는 태그 alt속성은 이미지가 보여지지 않을 때 alt 속성에 적힌 텍스트를 이미지 대신 보여준다 다양한 크기를 가지는 동일 이미지를 최소 2개 이상일 때 사용하며, 브라우저에게 이미... text level시멘틱태그inline elementsemanticinline element 의미론적인 태그(Semantic) header, footer ...etc) Sectioning Tag 들은 태그 사이에 꼭 heading Tag 를 한번은 사용 해야 한다. 1. header 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵, 언어 선택 등)으로 구성된 영역 링크 중에서 중요도가 높은 링크를 체계적으로 구성해 놓은 것 ul, li, a 요소와 함께 사용 꼭 <h> 와 같이... WeCodesemantichtmlWeCode 시맨틱 웹(semantic web) & 시맨틱 테그 semantic tag 우리가 html을 쓸 때 굳이 여러 태그를 쓰는 이유가 뭘까? 단지 좀더 편하고 다양하게 쓰고싶어서? 물론 그것도 맞겠지만, 더 중요한 것은 '정보에게 의미'를 주는 것이다. h1태그는 '가장 대표 제목' h2는 '두번째 제목', p는 '본문', nav는 '네비게이션'. 이렇게 모든 태그에는 그에 맞는 의미가 있다. 이런 '정보의 의미'에 맞게 태그를 쓰는 것은 같은 동료 개발자뿐만아니라 요... 시맨틱 테그semanticbackground image시맨틱 웹image시맨틱background image TIL Semantic의 중요성 프로그래밍에서 semantic은 코드 블럭의 의미를 뜻한다. 예를 들어, JS에서 함수의 이름을 기능에 맞게 명명하는 것, CSS에서 선택자만 보고도 무엇을 의미하는지 이해 할 수 있도록 명명하는 모든 것들이 semantic하다고 말 할 수 있다. JS에서 semantic -> 'add'에 비해 'oh'라는 함수명은 기능에 대한 어떠한 정보도 제공하지 못한다. CSS에서 semantic ->... semanticsemantic