본문 바로가기

컴퓨터/웹 : HTML4

[HTML] html 시맨틱 태그란? 시맨틱 태그를 사용해야하는 이유 시맨틱 태그 시맨틱의 사전적 의미는 의미론적이라는 것이다. 이에따라 시멘틱 웹의 의미는 의미론적인 웹, 이라고 해석되는데 이는 사람 뿐 아니라 기계도 쉽게 이해할 수 있는 웹이라는 의미이다. 기존 사용하던 태그 등은 사용자에게는 쉽게 이해가 되지만 기계(검색엔진 등)에게는 의미가 없는 태그이다. 이러한 의미없는 태그를 논 시멘틱 태그라고 한다. 시맨틱 앱의 경우 논시맨틱하지 않는 태그, 즉 시맨틱 태그를 최대한 사용해 HTML 문서를 의미론적으로 설계하는 것이 중요하다. 이를 위해 HTML5에서 추가된 것들이 시맨틱 태그들이다. 시맨틱 태그를 사용하면 아래의 장점이 있다. SEO(Search Engine Optimization, 검색 엔진 최적화)에 유리하다. 유지 보수성 : main, section등 .. 2023. 5. 9.
[EJS] 3개의 ejs태그 간단 정리(<%- %>와 <%= %> 차이) EJS 3개 정리 EJS를 만지다보면 세 개의 대표적인 태그를 만나게 된다. 그것은 바로 이 세가지 이다. 우선 EJS란 쉽게 HTML내에서 자바스크립트 코드를 실행할 수 있도록 도와준다고 보면 된다. 각 태그의 기능은 아래와 같다. 2022. 12. 27.
[HTML]엔티티 코드(Entity Code)란? 엔티티 코드 사용 이유와 사이트 엔티티 코드란? 엔티티 코드란 html내에 특수 문자, 예약어 등을 입력하기 위해 사용되는 특수한 코드이다. 예를 들어 문자로 " 2022. 12. 23.
[HTML]HTML 태그 및 속성 정리 html은 웹을 다룰 때 제일 먼저 사용하고, 배우는 프로그래밍 언어(엄밀하게 말하자면 프로그래밍 언어는 아닌 마크업 언어)입니다. 보통 웹을 만들 때, html을 뼈대, css는 건물 꾸미기, javascript는 건물의 기능(엘리베이터 등등)이라고 합니다. 뼈대인 html부터 부실하게 공부하면 부실 공사가 되지 않을까 하는 생각입니다. 그렇기에 html, css, javascrpt를 공부하는 중, 복습이 필요 할 것 같아 공부 내용에 대한 글을 블로그에 써 나가기로 결심했습니다. 이번에는 html에 등장하는 태그들의 정리입니다. 각 태그의 기능과 속성 등을 정리하도록 하겠습니다. HTML 태그 정리 : 웹 페이지의 정보, 문서에서 사용할 외부 파일들을 링크할 때 사용. : 브라우저에 실제로 표시되는 .. 2021. 8. 18.