슬롱주리 Selon Julie

코딩하는 개발자들에게 내용에 대한 의미를 부여한 코드들을 의미한다. W3C에 따르면 "시맨틱 웹을 사용하면 애플리케이션, 기업 및 커뮤니티 전반에서 데이터를 공유하고 재사용할 수 있다.”고 한다 - 의미 없는 태그의 예 : 및 - 내용에 대해 아무 것도 알려주지 않습니다. (는 박스 생성 짧은 텍스트 생성) - 의미 태그의 예 : , 및 - 내용을 명확하게 정의합니다. Semantic tag를 사용하면, 의미부여로 코드 가독성을 높이고 유지보수에 용이하다 (코드 기능에는 아무런 차이가 없지만) 검색엔진 최적화 SEO에 도움이 된다 웹 접근성Accessibility 에 도움이 된다 의미론적 태그들은 예는 아래와 같다. 정답인 코드는 없다. 가독성이 좋고, 유지보수가 쉬운 코드가 있을 뿐이다. 참조 http..

[HTML] 01. Introduction to HTML 01-1. HTML(Hypertext Markup Language)의 정의와 기능 디자이너도, 비개발자도 한 번쯤 들어본 단어 HTML. HTML이 뭘까요? HTML은 웹 페이지를 만들기 위한 언어입니다. HTML로 웹페이지의 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있습니다. 브라우저(safari, chrome, ie..)는 HTML파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성합니다. 01-2. HTML 파일 HTML은 아래와 같이 .html 확장자가 붙은 텍스트 파일입니다. 파일의 이름은 원하는대로 정할 수 있습니다. index.html main-p..

HTML (HyperText Markup Language)란? HyperText: 관련 아이템을 연결하는 텍스트 (혹은 이미지), 링크의 개념 Markup: 문서의 정형 Language: 컴퓨터 언어 HTML은 이름에서 알 수 있듯이 컴퓨터 언어이다. 웹페이지의 '정보'를 기입하기 위한 언어이다. 웹 브라우저는 기본적으로 html 문법을 읽는다. *웹페이지(Webpage)가 쌓여서 웹사이트(Website)를 이룬다. 기본 문법 : tag 태그, element라고도 한다. MDA에 따르면 전체 142개의 태그가 존재한다. 하지만 전 세계 웹사이트는 대부분 25개 정도의 태그로 이루어져 있다. 구조 *html>head>body 작성 후 tab 키를 누르면 더 빠르게 작성 가능 부모 자식 태그 두 개의 태그가..

웹의 탄생은 전 세계 사람들과 함께 소통하여 정보를 공유하고 싶다는 욕망에서 왔을 것이다. 그 욕망을 실현으로 옮긴 장본인이 영국 과학자 팀 버너스 리(Tim Berners-Lee)이다. 스위스에 위치한 그가 일했던 유럽 입자 물리 연구소에서는 17,000명이 넘는 과학자들과 소통하기 위해 커뮤니케이션 도구로서 1989년 World Wide Web 즉 WWW를 만들었다. 세상에서 제일 처음 만들어진 웹페이지는 아래와 같다. http://info.cern.ch/hypertext/WWW/TheProject.html 웹의 태초의 페이지를 (만약 그런게 있다면) 비행기를 타고 스위스의 웹 태초 박물관에 가지 않고도 이렇게 내 집에서 클릭 한 번으로 볼 수 있다는 게 바로 웹의 힘인가 보다. 웹 태초의 더 자세한..