html4 <ol> <ul> ol (ordered list) 순서가 매겨져있는 list ul (unordered list) 안매겨져있는 list ! 는 쉬운데 헷갈리는 경우들이 종종 있는데 까먹지 않기 위해 적어두기 ☝ Tip : li들끼리 섞었을 때 이상해지면 ol 인것만 기억하면 된다! 실무사용예시를 보자 그럼 날짜와 순서를 가지면 무조건 ol을 사용하는걸까??? 답은 No여요 게시판류는 특정 날짜를 다 가지고 있기 때문에 무조건 ol이라고 생각했는데, post 같이 관리자에 의해 순서를 변경할 수 있는 게시판이면 ul으로 해야겠다. 결론: 1. li끼리 섞었을때 이상하면 ol을 사용한다. 반대로 이상하지 않다면 ul을 사용한다. 2. ol이어도 특정기능으로 인해 섞이게 된다면 ul을 사용하여도 된다. 2023. 7. 7. 강조 태그 <b> <em> <i> <strong> 셋 다 강조 할때 사용하는 태그 이지만 사용이 각자 조금씩 다르다. 는 물리적태그 (특별한 의미 없이 웹 브라우저에 표시되는 모양만을 결정하는 태그)로, 특별한 중요성을 띄지 않는 글자에 굵게 표시할 때 사용한다. 흘러가는 내용들 중 특정 스타일을 입혀야 할 때 사용. 와 의 공통점이라면, 기울임 글씨(이탤릭체)가 브라우저 기본값이라는 것 정도밖에 되지 않는다. (시각적 결과생성) 강조를 나타내는 의미론적 태그 em과 strong , vs 어떻게 구별하여 사용하여야 할까? mdn 링크 정리 : 은 문장 내에서 특정 문맥을 강조할 때 사용 (강조) 은 중요성, 긴급성을 알리는 경우 그 부분을 강조하는 데 사용 (중요) 중요도 순서 b < em < strong 가 되겠다! 실무에서 어떻게 쓰는지 찾아보자 결.. 2023. 7. 5. h태그 * SEO를 위하여, 마크업시 글의 구조를 고려하여 h태그를 사용하자 * 👉 왜 그래야할까??? 독자들은 대 표제(h1)부터 중 표제(h2) 정도만 한번 훑어보는 것만으로도 웹 페이지의 내용을 대략 이해할 수 있어야한다. 복잡한 구조의 문서라면 좀더 작은 단위의 표제(h3 ~ h4) 정도의 내용을 보는 것으로 전체 맥락을 쉽게 이해할 수 있게 된다. 이렇게 만들어진 표제가 잘 정의된 문서들은 자연스럽게 논리전개가 명확하게 되어 유저에게도 검색엔진에게도 이해하기 쉬운 문서가 된다. h 태그는 검색 결과의 랭킹에 영향을 주는 중요한 랭킹 팩터 이다 역시 이번에도 seo.. * 참고 자료들 * H태그(헤딩, 표제요소) 최적화하기 h태그가 중요한 이유와 올바른 사용법 (구글SEO) Google SEO 최적화에 .. 2023. 6. 15. section article html 태그 스터디는 정말 지겹도록 많이 했지만 막상 프로젝트 적용할때 어떤 시맨틱 태그를 적용할지 고르는 것이 쉽지만은 않은 것 같다. 그래서 실무와 좀더 가까운 태그공부들을 해보기로 한다. 들어가기 전에, 왜 태그 공부를 해야할까? → 시멘틱하게 마크업을 해야하기 때문 왜 시멘틱하게 마크업을 해야할까? " 기계에게는 명확한 의미를 부여해줘야할 필요가 있습니다. 스크린리더는 의미에 따라 요소를 다르게 읽고 검색 로봇은 의미에 따라 요소를 이해하여 콘텐츠를 보여주고 브라우저는 특정한 의미를 가진 요소에 스타일을 다르게 보여주곤 합니다. 그렇기 때문에 시맨틱하게 HTML을 짜는 것이 중요합니다. " 참고(이분 글 잘쓰심) 한마디로, 1. 검색엔진 최적화 (SEO 로봇이 내홈페이지 잘찾게) 2. 웹접근성(.. 2023. 5. 25. 이전 1 다음
