이 글은 코딩을 하다 문득 A(anchor) 태그에 #, #none, #javascript:void(0); 의 의미가 궁금해 찾다가 작성한 글입니다. 태그의 속성은 크게 세 가지 간단하게 설명해보자면, href : 연결하고 싶은 주소를 적는다. target : 링크 클릭 시, 윈도우를 어떻게 오픈할 건지 정한다. (blank, self, top, bottom) title: 링크에 대한 설명을 넣는다. href href = Hypertext Reference의 약자 원하는 주소로 가버렷 href 안에 주소를 넣으면 원하는 경로로 이동 가능하다. 또한 href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려 하기 때문에 그걸 방지하기 위해 다른 속성 값들을 부여한다 다른 것은 무얼 넣을 수 있는지 확인..
인라인 요소 인라인 요소는 본인의 컨텐츠 크기만큼 영역을 차지하는 요소를 말한다. 기본적으로 width , height 를 가지지 않는다. 아니 못한다...😕 대표적인 인라인 요소 span , strong 등이 있다. 더 자세히 알아보고 싶다면 ⬇️ Inline element 시멘틱 태그 Text-level semantics inline element , 줄 바꿈을 위한 태그 을 사용하면 바로 줄 바꿈이 일어난다 은 텍스트 박스에서 한 줄로 모두 표시가 안될 때에만 줄 바꿈이 일어나게 하는 것 html의 핵심적인 요 yeeed.tistory.com 블록 요소 블록 요소는 하나의 독립된 덩어리로 화면의 가로 폭 전체를 영역으로 가진다. 일반적으로 블록 요소를 사용하면 줄 바꿈이 일어난다. 대표적인 블록 요..
HTML 태그들 중 가장 난이도 높았던 게 있다면...? 바로 태그다. (개인적인 이해도입니다 🥲) 그래서 엑셀도 안좋아한다ㅋ.ㅋ 그도 그럴 것이 행열로 가득 찬 모니터 화면을 보고 있자면 현기증이 난다...; 그것과 비슷한, 아니 거의 똑같은 모습을 구현할 수 있는 태그가 바로 ! 이젠 싫다고 피할 수 없게 됐으므로... 하나하나 차근차근 이해해보기로 했다. 개인적으로 공부한 내용을 정리한 게시물입니다. 부정확한 정보가 있을 수 있습니다. 오류 발견 시 피드백 부탁드려요 ! 어디에 사용되는가? 태그는 말 그대로 테이블을 만들 때 사용된다. 표의 형태를 갖추고 있으며 그 안에는 제목(caption) 과 행(tr), 열(col), 셀(td), 셀의 제목(th) 을 자식 요소로 가지고 있다. 태그의 종류들 ..
Text-level semantics inline element , 줄 바꿈을 위한 태그 을 사용하면 바로 줄 바꿈이 일어난다 은 텍스트 박스에서 한 줄로 모두 표시가 안될 때에만 줄 바꿈이 일어나게 하는 것 html의 핵심적인 요소이며 링크를 만들 때 사용한다. href를 사용하여 경로를 지정해준다 자바스크립트로도 할 수 있지만 이는 웹 접근성에 위배된다. 태그안에 또 다른 , 같은 인터렉션이 가능한 요소를 자식으로 두지 않는다. 해쉬 링크 : 페이지의 안에서 이동할 때 사용한다. 아이디로 연결해 놓으면 click1 링크를 클릭 시 해당 부분으로 이동한다. click1 다운로드 : 해당하는 링크를 다운할수 있게 해 준다. (인터넷 익스플로러는 지원 불가 ㅋ) click 파일 이름 지정 hwp downl..
1. 시멘틱 태그 코드의 외형보다는 코드가 존재하는 의미와 목적에 중점을 둔다. 대부분의 태그 요소에는 고유한 의미가 존재한다. 검색엔진은 시멘틱 태그를 사용했을 때 더 많은 정보를 얻을 수 있다. SEO, 접근성에 도움을 준다. 스크린 리더 등 여러 가지 사용자 입장에서 문서 구조를 파악하기 쉽다. 코드를 들여다보는 다른 사람도 코드의 구조와 의미를 파악하기 쉽다. h1 태그로 감싼 제목을 span 태그로도 외형적으로 똑같이 보이도록 할 수 있지만 제목의 의미를 가진 h1 태그의 장점은 이용할 수 없다. 2. 태그의 종류 각각의 의미가 있는 태그를 사용해야 웹 표준성에 어긋나지 않으므로 지키는 것을 권장한다. 2.1 metadata 문서의 최상위 요소 lang 속성을 통해 문서의 주 언어가 무엇인지 설..
들어가기전에... HTML5 랑 HTML Living Standard?😵💫 웹표준통합에 대하여 웹표준은 WHATWG와 W3C가 발표하는 HTML의 최신버전을 말했다. 2019년 까지는 각자 표준을 발표했었는데 결국 두 단체중에 WHATWG사가 경쟁에서 이기게 되면서 양해각서를 체결했다. 현재 w3c에서 개발하던 HTML5.3은 개발이 중단됐고, WHATWG의 Living Standard가 표준이 되었다. w3c의 마지막 표준은 2017년에 발표한 html5.2버전이다. 이에따라 2021년 WHATWG에서 발표하는 Living Standard가 웹표준이되었다. 1. 선언문 HTML 문법을 사용할 때는 반드시 아래와 같은 선언문을 최상단에 선언해야한다. DTD(Document type Definition)..