본문 바로가기
반응형

HTML159

텍스트 관련 태그 텍스트 관련 태그 1. 블록 레벨 요소 태그 태그 의미 ~ · HTML 문서에서 제목을 정의할 때 사용하는 태그 · 제목의 수준 순서 : h1 → h2 → h3 → h4 → h5 → h6 · HTML 문서에서 단락을 정의할 때 사용하는 태그 · 텍스트의 행을 바꾸는 태그 · 공백이나 줄바꿈 등 상관없이 있는 그대로 나오는 태그 2. 인라인 요소 태그 태그 의미 · 강조하고 싶은 텍스트를 정의하기 위한 태그이면 기울임체로 표시 · 중요한 텍스트를 정의하기 위한 태그이며 굵은체로 표시 · 주의 깊게 볼 텍스트 부분을 강조하기 위한 태그이며 노란색으로 표시. · 의미를 가지고 있지 않으며 단순히 텍스트를 굵은체로 표시 · 주의 사항, 법적 제한, 저작권 등을 정의하기 위한 태그이며 작은 글씨로 표시 · 아래첨.. 2023. 2. 17.
시멘틱 마크업과 논리적인 순서 마크업 시멘틱 마크업 시멘틱(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 된다. 실제로 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 조금 있을 수도 있지만 가급적 시멘틱하게 마크업을 하려고 노력하는 것도 중요하다. 시멘틱 마크업의 사용 이유 1. 검색 엔진 최적화(SEO) 검색 엔진이 시멘틱 태그를 중요한 키워드로 간주하기 때문에 유리하다. 2. 웹 접근성 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다. 3. 가독성 단순한 태그로 둘러싸인 요소보다 의미있.. 2023. 2. 17.
인라인 구조와 블록 구조 블록 레벨 요소와 인라인 요소 블록 레벨 요소(Block-level Elements) 블록 레벨 요소(Block-level Elements)는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 요소는 하나의 박스라고 생각하면 됩니다. 블록 레벨 요소는 일부를 제외한 블록 요소를 포함하고, 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 인라인 요소(Inline Elements) 인라인 요소(Inline Elements)는 마크업을 할 때 가로로 정렬이 됩니다. 인라인 요소는 텍스트라고 생각하면 됩니다. 인라인 요소는 텍스트(문자)와 인라인 요소를 자식으로 포할할 수 있지만 블록 레벨 요소를 자식 요소로 포함할 수 없습니다. 이미지 출처 블록 레벨 요소(Block-level Ele.. 2023. 2. 17.
반응형

티스토리툴바