본문 바로가기

link2

정보와 의미를 담고 있는 html 태그들(meta, link, title, 시맨틱 태그) 의미를 담고 있는 html 태그를 효율적으로 사용하면 검색 최적화나 웹 접근성 등에 도움이 된다. 이번 포스팅에서는 정보와 의미를 담고 있는 html 태그들에 대해서 알아보도록 하겠다. 안의 , , 태그는 페이지에 대한 정보를 담고 있는 태그이다. 태그 안에 컴퓨터가 읽고 사용하는 메타 데이터(meta data)가 담겨 있는데, 메타 데이터는 '데이터에 대한 데이터'라고 할 수 있다. (말이 어렵...) 페이지 제목을 나타내는 , css 파일이나 파비콘 이미지 등을 불러오는 , 그리고 각종 태그 등이 이에 속한다. 첫번째 줄에 있는 meta charset은 utf-8 인코딩을 사용해서 올바른 문자를 보여주게 하고, 네번째 줄의 og는 오픈 그래프(open graph)의 약자이다. 카카오, 페이스북, 네이.. 2023. 5. 3.
다른 코드 불러올 때 사용하는 <link>, <script> 태그 코드잇 학습일기 챌린지가 끝났다. 동기부여도 되고 나름 재미있다고 생각했는데, 새로운 공지가 올라오지 않은 것을 보니 5월에는 챌린지를 진행하지 않는 것 같다. 그래도 뭐, 그거랑은 상관없이 앞으로도 계속 블로그에 공부한 내용을 정리해서 올릴 예정이다. 오늘은 다른 코드를 불러올 때 사용하는 링크(link) 태그와 스크립트(script) 태그에 대해서 소개하려고 한다. 외부에서 파일을 불러올 때는 태그는 외부에서 파일을 불러올 때 사용하는 태그이며, 구글 폰트를 적용할 때에도 link 태그를 사용한다. 파비콘을 지정할 때에도 link 태그를 사용한다. favicon.ico 라는 파일을 서버에 업로드 한 후에 해당 경로를 지정해주면 된다. rel 속성에는 icon 이라고 쓴다. html에서 자바스크립트를 .. 2023. 5. 2.