안녕하세요 성조입니다. 올바른 지식을 공유할 수 있도록 노력하고 있습니다. 혹여나, 잘못된 지식이 전달된다면 언제든지 댓글로 피드백 주시면 감사드리겠습니다! 시맨틱(Semantic) 태그란? 결론부터 말하면 웹 페이지의 의미론적 구조를 명시적으로 나타내는 것이다. 즉, HTML을 설계할 때 태그들이 무엇을 의미하는 것인지 브라우저 또는 봇에게 명확하게 알려주기 위해서 사용되는 것이다. 시맨틱 태그를 잘 활용하여 HTML을 설계하는 경우. 검색 엔진 최적화(SEO)에 도움 될 뿐 아니라, 웹 표준 규격을 준수하여 웹 접근성을 향상할 수 있다. 정리 정돈이 잘 되어있어서 스타일링 작업도 쉽게 할 수 있게 된다. 시맨틱(Semantic) 태그 정리 1. 태그 이 태그는 웹페이지의 헤더 부분을 정의하는데 로고,..
안녕하세요 성조입니다. 프로젝트를 진행할 때 프론트 백엔드 상관없이 모든 포지션에서 참여했지만 html을 작업할 때 작업 속도에서 버벅거림이 있었습니다. 생산성이 너무 비효율적이라 생각이 들어서 깊게 학습하지 못한 아쉬운 부분이 많았습니다. 그래서 "웹에 대한 지식을 더 단단하게 만들 필요가 있다."라는 생각에서 포스팅을 진행하게 됐습니다. HTML에는 태그는 다양한 태그가 존재합니다. 이번 포스팅에서는 작성에 관련된 태그를 다루지만 시맨틱 태그를 다루지 않으려 합니다. 향후 포스팅에서 다뤄보도록 하겠습니다! INDEX - 글 작성 관련 태그 [h, p, br, hr, pre] - 인용 태그 [abbr, address, bdo, blockquote, cite, q ] 글 작성 관련 태그 h 태그 Head..
안녕하세요 성조입니다. 지난 포스팅입니다. 2022.03.05 - [Web Basic/HTML & CSS] - [HTML] 3. 태그 [HTML] 3. 태그 2021.12.08 - [Web/HTML & CSS] - HTML) 2. HTML 기본 용어와 구조 HTML) 2. HTML 기본 용어와 구조 안녕하세요. 이번 포스팅은 다음과 같은 구성으로 진행하려 합니다. ① 웹 용어 정리 ② HTML 용어 기본 ③ HTM.. okeybox.tistory.com 이번 포스팅 영역에서는 본인이 학습한 것도 있지만 타인에게 설명할 수 있도록 최대한 초점을 맞추고 학습을 할 예정이므로 존대 위주의 표현을 사용할 예정입니다. INDEX ㆍ 요소(Elements)란? ㆍ 속성(Attributes)이란? ㆍ 주석 요소(El..
2021.12.08 - [Web/HTML & CSS] - HTML) 2. HTML 기본 용어와 구조 HTML) 2. HTML 기본 용어와 구조 안녕하세요. 이번 포스팅은 다음과 같은 구성으로 진행하려 합니다. ① 웹 용어 정리 ② HTML 용어 기본 ③ HTML 기본 구조 ① 웹 용어 정리 HTML에 들어가기 전 알아두면 좋을 용어들로 정리했습니 okeybox.tistory.com 안녕하세요 성조입니다. 이전 포스팅에 대해서 참조하면 좋을 것 같다는 생각에 링크를 걸어둡니다. 올바르지 못한 지식의 경우 댓글을 통해서 어떤 부분이 어떻게 진행되는 것이 맞는지 얘기해 주시면 정말 감사드리겠습니다! 태그는 요소와 함께 동일선상으로 두고 학습하게 됩니다. 하지만 이전 포스팅 글에서 작성됐을 때 당시 얕고 넓게 ..
안녕하세요. 이번 포스팅은 다음과 같은 구성으로 진행하려 합니다. ① 웹 용어 정리 ② HTML 용어 기본 ③ HTML 기본 구조 ① 웹 용어 정리 HTML에 들어가기 전 알아두면 좋을 용어들로 정리했습니다. HTML뿐 아니라 CSS, Javascript에서 정의되는 필요한 용어들은 하나의 포스팅에 넣기에 너무 방대하므로 웹 용어 정리에서는 HTML에 들어가기 전 기초 단계로 알면 좋을 부분을 정리하려 합니다. 또한 앞으로의 포스팅에서 필요시 앞부분 또는 마무리 부분에 용어 정리를 하면서 포스팅을 진행할 수 있습니다! 포스팅보다 더 구체적으로 자세한 설명을 원하시면 각 목차에서 궁금하신 키워드 별로 검색해보시는 것도 좋은 학습 방법이라 생각됩니다. 1. HTML HTML(Hypertext Markup L..
안녕하세요. WWW는 world wide web의 준말이며 사람들이 정보를 공유할 수 있는 정보 공간을 의미합니다. 인터넷은 전 세계를 연결하고 있는 국제 정보 통신망이고, 웹은 인터넷에서 작동하는 서비스라는 차이점이 있습니다. HTML은 1991년 처음으로 등장했습니다. HTML 1.0 버전으로 팀 버너스 리가 월드 와이드 웹을 발표하면서 출시된 버전입니다. 처음에는 버전이 붙지 않았지만 차후 업그레이드된 버전이 나오면서 업그레이드된 것이며 80년대에 SGML이라는 마크업 언어를 참조하여 만들어진 것입니다. 여담으로 팀 리너스 리는 W3C- World Wide Web Consortum라는 단체를 1994년에 창설합니다. W3C의 경우 HTML 표준을 비롯한 웹 표준안을 제작하거나 제안하는 일을 하는 국..
