본문 바로가기

태그2

Semantic HTML 작성하기 1. Semantic(시맨틱) 이란? 시맨틱이란 단어의 뜻을 전반적으로 우리 말로 나타내자면 코드 조각에 내포된 의미라고 볼 수 있습니다. 예를 들어 Javascript의 경우, 특정 라인의 JS가 실행됐을 때 어떤 효과가 일어나는지의 의미합니다. 코드를 작성할 때 함수 이름 등을 Semantic을 고려해서 지으면 가독성이 좋고 코드를 이해하기가 훨씬 쉬워집니다. 예를 들어, '복숭아'라는 항목을 가진 HTML 요소를 생성하는 함수를 상상해봅시다. 단순히 build('Peach')라고 함수 이름을 지을 수 있을테지만 createLiWithContent(‘Peach') 라고 작성하면 동작 자체는 똑같을지 몰라도, 코드 실행 효과가 함수 이름에 그대로 나타나게 되어 훨씬 코드를 이해하기 쉽고 보기 좋을 것입.. 2022. 10. 31.
HTML 기본 (上) 1. HTML이란? HTML이란 Hyper Text Markup Language의 줄임말로, 웹페이지를 만들기 위한 표준 마크업 언어입니다. 쉽게 말해 웹 페이지의 구조를 설명하기 위한 언어로, HTML 파일은 일련의 요소들(elements)로 구성되어 각 요소들은 브라우저가 어떻게 콘텐츠를 나타낼지 알려줍니다. 1989년에 Berners-Lee가 www를 발명한 후 1991년에 HTML을 발명, 2014년부터 HTML5가 W3C의 권장 표준이 되었습니다. HTML 문법은 시작태그 - 요소 내용 - 종료태그로 구성되며 중첩이 가능합니다. 아래는 HTML파일의 예시입니다. 첫 번째 제목 첫 번째 문단 은 해당 문서가 HTML5 문서임을 알려줍니다. 이 태그는 페이지의 최상단에 단 한번만 등장합니다. 태그는.. 2022. 10. 19.