html태그3 📚 HTML5 시멘틱태그 ✳ 시멘틱태그란? semantics - 의미가 부여된 태그 (# 대체사용) 구획의 용도와 내용의 의미를 알게 해 줌. 검색엔진 등 사이트를 분석하는데 도움을 줌. ✳ 시멘틱태그 사용하는 이유? HTML 문서의 가독성과 유지보수가 쉬움 검색엔진 최적화(SEO) 웹 접근성 ✳ 시멘틱태그의 종류 : 페이지 최상단 위치(ex. 제목, 로고, 검색창) : 페이지 최하단 위치 (ex. 작성자, 저작권정보 등) : 링크들 (현재페이지 내 구획 또는 다른 페이지) : '사이드바'로 이용, 주 내용과 간접적 연관 부분 : 의 주요 콘텐츠. 메인콘텐츠가 들어감. : 콘텐츠 내 큰 단위의 독립적 구획, 다른 시멘틱 태그의 의미에 해당 : 독립적으로 재사용되거나 반복적으로 나타나는 구획. (ex. 게시판, 뉴스, 갤러리의 목.. 2023. 1. 10. 📚 HTML5 ul, ol, li 태그 : 순서 없는 목록 ㄴ 속성 : type="앞 표시자" 값) disc(기본), square, circle 저녁 식사 메뉴 흰쌀밥 육개장 콩나물무침 : 순서 있는 목록 ㄴ type="앞 표시자" 값) 1, A, a 등.. ㄴ start="숫자" : 해당 숫자에서부터 시작 양치 순서 칫솔과 치약을 꺼낸다. 치약 뚜껑을 열어 칫솔에 치약을 적당히 짜낸다. 양치를 시작한다. : 목록의 요소 (항목 · 구성) 2023. 1. 10. 📚 HTML5 기본 태그 * HTML 태그를 디자인으로 생각 말 것. * 디자인은 CSS로! * HTML 태그의 주 용도는 정보의 구조와 특성 표현 # : 번호 별로 폰트 사이즈가 달라짐. *한 페이지당 h1은 1개만 # : 엔터(줄 바꾸기), 닫는 태그가 필요 없음. # : 문단 묶기, CSS가 적용될 단위로 사용하면 용이. # : 강조 태그.(단순히) # : 강조 태그.(정보적) # : 기울임.(단순히) # : 기울임.(정보적) # : 작은 글씨. # : 형광팬강조 # : 위첨자 # : 아래첨자 # : 취소선 # : 텍스트가 긴 인용문에 사용. # : 주제나 분위기 전환용 밑줄 # : 이미지 ㄴ속성 : , , # : 하이퍼링크 ㄴ속성 : , : 새 탭 or : 현재 탭 2023. 1. 10. 이전 1 다음
