HTML 13

[ HTML ] 목록 태그

순서 없는 목록 (ul)• 순서가 중요하지 않은 항목들을 나열할 때 사용• 태그 안에 태그로 항목을 나열• 예시: 목록 순서가 중요하지 않은 경우 (예: 쇼핑 목록)순서 없는 목록 순서 없는 목록1 순서 없는 목록2 순서 없는 목록3 순서 있는 목록 (ol)• 항목에 순서가 중요한 경우 사용• 태그로 목록을 만들고, 항목은 태그로 표시• 예시: 준비물 목록, 작업 순서 등순서 있는 목록 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3  설명 목록 (dl)• 특정 용어나 정의를 설명할 때 사용• 태그로 시작하고, 는 설명할 용어, 는 그 용어에 대한 설명을 작성• 예시: 용어집,..

[ HTML ] 의미에 맞는 태그 사용하기

1. 볼드체 태그 (b, strong) 단순히 텍스트를 굵게 표시하는 태그. 의미는 없고, 오직 스타일링만을 위한 태그텍스트를 강조하는 의미를 가진 태그. 시각적으로 볼드체처럼 보이지만, 중요한 내용을 강조할 때 사용검색 엔진이나 스크린 리더기에서는 이를 중요한 문장으로 인식하고, 시각적으로도 중요성을 강조시각장애인에게는 더 크게 읽어줌 2. 이탤릭체 태그 (i, em)단순히 이탤릭체(기울임꼴)를 적용하는 태그. 디자인적인 효과만 있고, 의미가 특별히 부여되지 않음강조된 이탤릭체. 텍스트를 강조하는 의미를 담고 있어. 시각적으로는 이탤릭체지만, 스크린 리더기나 검색 엔진에서는 강조된 텍스트로 해석되며 더 중요한 텍스트로 인식 3. 기타 텍스트 스타일 태그텍스트를 작게 표시형광펜으로 마킹한 것처럼, 중요한..

글로벌 속성과 로컬 속성

글로벌 속성draggable = “true” : 요소를 마우스로 끌어서 이동할 수 있도록 설정함화면에서 직관적으로 어떤 요소가 움직이게끔 할 수 있음 파일을 휴지통으로 드래그 하여 삭제할때엑셀에서 컬럼의 위치를 변경할 때lang : 어떤 언어로 텍스트가 구성되어 있는지 검색엔진 등에 알려줌구글이나 네이버 같은 검색엔진에서 검색하고 분석하는 검색봇들이 우리가 만들고 있는 웹사이트를 분석하는데 이렇게 알려주면 좀 더 빠르고 정확하게 웹페이지를 분석할 수 있음.lang = “en” : 해당 HTML 페이지의 주 언어가 영어임을 표시lang = “ko” : 해당 HTML 페이지의 주 언어가 한국어임을 표시활용검색엔진(구글, 네이버 등)이 웹사이트를 분석할 때, 지정된 언어 정보를 바탕으로 페이지를 빠르고 정확하..