CSS HTML JAVASCRIPT 웹디자인기능사 GSAP 포트폴리오 유튜브 Reference/HTML42 ins 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. Reference/HTML ins 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. by @webs 2022. 12. 28. 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 밑줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 추가된 텍스트의 범위를 표현할 때 설정합니다. 태그는 수정이나 업데이트를 표현하기 위해서 사용합니다. 태그는 시각적으로 밑줄이 표시됩니다. 접근성(Accessibility) 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝을 알려주어야 합니다. 일부 화면 판독기 사용자는 이 기능을 불편해 하기 .. 2022. 12. 29. del 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. Reference/HTML del 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. by @webs 2022. 12. 29. 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 가운데 줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 삭제된 텍스트의 범위를 표현할 때 설정합니다. 태그는 시각적으로 가운데 줄이 표시됩니다. 접근성(Accessibility) 태그는 화면 판독기를 통해 판별할 수 없기 때문에 가상요소(::before, ::after)를 이용하여 시작과 끝을 알려주어야 합니다. 일부 화면 판독기 사용자는 이 기능을 불편해 하기 때문에 이 내용을 알지 못하면 불편한 경우에만.. 2022. 12. 29. s 태그는 취소선을 표현할 때 설정합니다. Reference/HTML s 태그는 취소선을 표현할 때 설정합니다. by @webs 2022. 12. 29. 태그는 취소선을 표현할 때 설정합니다. 더 이상 텍스트와 관련이 없거나 적절하지 않은 것을 나타낼 때 사용합니다. 문서 편집을 위한 텍스트 수정은 또는 태그를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 가운데 줄 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 취소선을 표현할 때 설정합니다. 태그는 텍스트가 정확하지 않고, 관련성이 없는 내용을 표시하는데 사용합니다. 태그는 주로 할인된 가격에 표시합니다. 태그는 시각적으로 가운데 줄이 표시됩니다. 단순하게 취소선을 설정하고 싶다면 text-decoration:.. 2022. 12. 29. b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. Reference/HTML b 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. by @webs 2022. 12. 28. 태그는 중요성을 전달하지 않고, 주의를 끌기 위한 용도로 사용할 때 설정합니다. 태그는 , , 에 해당 되지 않고, 특별한 정보 전달의 의미가 없을 때 고려해서 사용합니다. 중요성을 강조한다면 태그나 태그를 사용합니다. 중요성을 강조하지 않고, 단순 참고형을 표현한다면 태그를 사용합니다. 태그는 텍스트를 굵게 표시합니다. 만약 텍스트를 굵게 표현하고 싶다면, font-weight의 bold를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 볼드체 사용성 ★★☆☆☆ 정의(Definiti.. 2022. 12. 28. em 태그는 텍스트를 강조할 때 설정합니다. Reference/HTML em 태그는 텍스트를 강조할 때 설정합니다. by @webs 2022. 12. 28. 태그는 텍스트를 강조할 때 설정합니다. 텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있으며, 중요성을 전달 할 때에는 strong 요소를 사용합니다. em 요소는 이탤릭체로 표현이 되며, 이탤릭체로 사용하기 위함은 적절하지 않으며, font-style: italic 사용을 권장합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 기울임꼴로 표시 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트를 강조할 때 설정합니다. 태그는 텍스트에서 강조하고 싶은 부분에 따라 의미가 달라질 수 있습니다. 태그는 기울임꼴로 표기.. 2022. 12. 28. i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. Reference/HTML i 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. by @webs 2022. 12. 28. 태그는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 설정합니다. 태그는 이탤릭체를 표현하기 위한 속성이였으나, 현재는 주의 텍스트와 다른 의미의 텍스트로 구분할 때 사용하는 속성으로 변경되었습니다. 태그는 기술 용어, 외국어, 생각 등을 표현할 때 설정하고, 이탤릭체로 표현됩니다. 이탤릭체로 표현하기 위해서 태그는 적절하지 않으며, CSS의 font-style: italic을 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 이탤릭체로 표시 사용성 ★☆☆☆☆ 정의(Definition) 태그는 주의 .. 2022. 12. 28. mark 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. Reference/HTML mark 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. by @webs 2022. 12. 28. 태그는 중요성과 강조를 고려하지 않는 단순 참고용 표시를 할 때 설정합니다. 태그는 사용자가 중요하다고 생각하지 않을 수 있는 부분에 주의를 끌기 위해 표시를 사용할 수 있으며, 현재 맥락과 관련이 있거나 하이라이트 부분을 표시할 때 사용할 수 있습니다. 단순하게 노란색 배경을 위해 사용하지 않고, CSS의 background 사용을 권장합니다. 텍스트의 중요성을 강조하기 위해서는 strong 요소를 사용하고, 중요성을 전달하지 않고 주의를 끌기 위함이라면 b 요소를 사용합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(.. 2022. 12. 28. strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. Reference/HTML strong 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. by @webs 2022. 12. 28. 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 때 설정합니다. 요소는 텍스트의 경고 또는 알림을 표시하는데 사용하며, 긴급성을 요하는 부분에 사용합니다. 요소는 텍스트를 강조를 하지만, 문장의 의미를 변경하지 않습니다. 요소는 글씨가 굵게 표현됩니다. 만약 글씨를 굵게 표현하기 위함이라면, CSS font-weight를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용(~) 버전 HTML4 시각적 표현 볼드체로 표시 사용성 ★★★★★ 정의(Definition) 태그는 내용에 대한 중요성, 심각성, 긴급성을 표현할 .. 2022. 12. 28. table 태그는 표를 설정합니다. Reference/HTML 태그는 표를 설정합니다. by @webs 2022. 12. 6. 태그는 표를 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 셀의 병합을.. 2022. 12. 7. td 태그는 표의 열(셀)을 설정합니다. Reference/HTML 태그는 표의 열(셀)을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 열(셀)을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을.. 2022. 12. 7. th 태그는 행이나 열에 제목을 설정합니다. Reference/HTML 태그는 행이나 열에 타이틀을 설정합니다. by @webs 2022. 12. 6. 태그는 행이나 열에 타이틀을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 sco.. 2022. 12. 7. tr 태그는 표의 행을 설정합니다. Reference/HTML 태그는 표의 행을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 행을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 scope 속성을 사용하고 .. 2022. 12. 7. col 태그는 colgroup 요소에 속하는 각 열의 속성을 설정합니다. Reference/HTML 태그는 요소에 속하는 각 열의 속성을 설정합니다. by @webs 2022. 12. 6. 태그는 요소에 속하는 각 열의 속성을 설정합니다. 테이블 각 셀마다 속성을 주는 것보다, 요소에 일괄적으로 설정할 수 있습니다. 보통은 태그에 style 속성을 사용하여, 속성값을 주는 방법을 많이 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하.. 2022. 12. 7. colgroup 태그는 표의 열을 묶는 그룹을 설정합니다. Reference/HTML 태그는 표의 열을 묶는 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 열을 묶는 그룹을 설정합니다. 테이블의 속성을 일괄적으로 줄 때 편하게 사용 할 수 있습니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과.. 2022. 12. 7. tfoot 태그는 표의 본문 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 본문 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 푸터 영역 그룹을 설정합니다. 푸터 영역이 필요없다면 생략 가능합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , .. 2022. 12. 7. tbody 태그는 표의 본문 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 본문 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 본문 영역 그룹을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 s.. 2022. 12. 7. thead 태그는 표의 헤더 영역 그룹을 설정합니다. Reference/HTML 태그는 표의 헤더 영역 그룹을 설정합니다. by @webs 2022. 12. 6. 태그는 표의 헤더 영역 그룹을 설정합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하고, 셀 요소를 그룹화하기 위해 과 을 사용합니다. 테이블 전체 구조를 분리하기 위해 , , 를 사용하며, 행과 열을 나타내는 , , 등을 사용합니다. 여기에 접근성을 위해 s.. 2022. 12. 7. kbd 태그는 키보드 입력요소를 표현할 때 설정합니다. Reference/HTML 태그는 키보드 입력요소를 표현할 때 설정합니다. by @webs 2022. 11. 15. 태그는 키보드 입력요소를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 monotype 폰트로 표현 사용성 ★☆☆☆☆ 정의(Definition) 태그는 키보드 입력요소를 표현할 때 설정합니다. 태그는 키보드, 음성입력, 입력장치에 의한 텍스트를 표현할 때 사용합니다. 태그는 시각적으로 브라우저 기본 폰트 monospace으로 표현됩니다. 코드와 관련된 태그 및 속성 태그는 소스 코드를 표현할 때 설정합니다. 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. 태그는 프로그램 출력 결과물을 표현할 때 .. 2022. 11. 22. var 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. Reference/HTML 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. by @webs 2022. 11. 15. 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 이탤릭체 사용성 ★☆☆☆☆ 정의(Definition) 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. 기울임체 사용을 위한 요소 설정은 적절하지 않습니다. 기울기를 위함이라면 CSS 속성을 설정합니다. 코드와 관련된 태그 및 속성 태그는 소스 코드를 표현할 때 설정합니다. 태그는 수학적인 변수나 프로그램의 변수를 표현할 때 설정합니다. 태그는 프로그램 출력 결과물을 표현할 때 설정합니다. 태그는.. 2022. 11. 22. code 태그는 소스 코드를 표현할 때 설정합니다. Reference/HTML 태그는 소스 코드를 표현할 때 설정합니다. by @webs 2022. 11. 15. 태그는 소스 코드를 표현할 때 설정합니다. 코드를 표현할 때에는 공백도 표현되어야 하기 때문에 태그와 같이 사용하게 됩니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 monospace 폰트로 표현 사용성 ★★★☆☆ 정의(Definition) 태그는 소스 코드를 표현할 때 설정합니다. 태그는 브라우저의 기본 글꼴 및 고정 폭으로 표현됩니다. CSS를 설정하면 기본 글꼴은 무시됩니다. 태그는 사용시 화면 공백을 그대로 표현하기 위해서 태그와 같이 사용합니다. 코드와 관련된 태그 및 속성 태그는 소스 코드를 표현할 때 설정합니다. 태그는 수.. 2022. 11. 22. pre 태그는 마크업의 공백을 그대로 보여줍니다. Reference/HTML 태그는 마크업의 공백을 그대로 보여줍니다. by @webs 2022. 11. 15. 태그는 마크업의 공백을 그대로 보여줍니다. 코드를 보여줄 때 공백과 줄바꿈을 그대로 보여주기 때문에 태그와 같이 사용됩니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 monospace 폰트로 표현 사용성 ★★★☆☆ 정의(Definition) 태그는 마크업의 공백을 그대로 보여줍니다. 태그는 코드를 표현할 때 태그와 같이 사용합니다. 마크업의 한칸 이상 공백은 브라우저에서 한칸으로 표현됩니다. 두칸이상의 공백을 표현하고 싶다면 를 사용해야 합니다. 줄바꿈과 관련된 태그 및 속성 태그는 텍스트 줄바꿈을 설정합니다. 태그는 의미가 없는 텍스.. 2022. 11. 22. h1 ~ h6 태그는 각 섹션의 제목을 설정합니다. Reference/HTML ~ 태그는 각 섹션의 제목을 설정합니다. by @webs 2022. 11. 17. ~ ~ 태그는 각 섹션의 제목을 설정합니다. 6단계로 구분하여, 작성하며 순차적으로 작성합니다. 제목 요소는 문서에서 가장 중요한 제목을 설정하며, 보통 한번만 작성합니다. ~ 요소는 단계별로 폰트 사이트와 굵기가 설정되어 있습니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML4 시각적 표현 볼드체 및 글씨 크기 사이즈 사용성 ★★★★★ 정의(Definition) ~ 태그는 각 섹션의 제목을 6단계로 설정합니다. 태그는 가장 높은 단계의 제목이며, 태그는 가장 낮은 단계의 제목입니다. ~ 태그는 글씨 크기를 위해 사용하지 않습니다. 글씨 크기는 CSS의 fo.. 2022. 11. 17. address 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 15. 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML4 시각적 표현 기울임꼴 사용성 ★★★☆☆ 정의(Definition) 태그는 사이트 주소, 전화번호, 이메일, 소설미디어, 위치 등을 표시합니다. 태그는 회사 정보, 회사 이름, 회사 주소 등과 관련된 정보를 표시합니다. 태그는 , , , 등 연락처 정보가 필요한 곳에 사용할 수 있습니다. 태그는 연락처와 관련 없는 내용이라면 태그를 사용합니다. 태그는 연락처 정보 보다 더 광범위한 정보를 포함 할 수 없습니다.(시간을 나타내는 time 태그등) 태그는 .. 2022. 11. 17. footer 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 15. 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. 사이트와 관련된 정보, 저작권, 연락처, 사이트 맵, 관련된 문서 링크 등을 제공합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. 태그는 사이트와 관련된 정보, 저작권, 연락처, 사이트 맵, 관련된 문서 링크를 제공합니다. 태그는 연락처 정보를 설정하는 요소가 포함 될 수 있습니다. 섹션과 관련된 태그 태그는 주제별 그룹의 콘텐츠 섹션을 설정.. 2022. 11. 15. header 태그는 문서의 소개 및 메뉴 그룹 컨텐츠 섹션을 설정합니다. Reference/HTML 헤더 영역 주제별 영역 내용 독립된 주제 영역 내용 사이드 영역 내용 푸터 영역 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ❌ ❌ ❌ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/sections.html#the-header-element 2022. 11. 15. aside 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. Reference/HTML 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. by @webs 2022. 11. 15. 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 태그는 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 섹션과 관련된 태그(Section Related Tag) 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 태그는 주제별 그룹의 .. 2022. 11. 15. article 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. Reference/HTML 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. by @webs 2022. 11. 15. 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등 콘텐츠의 독립적인 항목을 나타낼 때 사용하며, 각각의 주제마다 제목도 표시해야 합니다. 태그는 하나의 주제를 나타낸다면, 은 주제를 묶는 독립적인 콘텐츠를 나타내지만, 요소 안에 요소가 올 수 있으며, 요소 안에도 요소가 올 수 있습니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 태그는 포럼, 신문기사, 잡지, 블러그 항목, 게시.. 2022. 11. 15. section 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. Reference/HTML section 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. by @webs 2022. 11. 14. 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. 주제별로 제목 요소를 사용하는 것이 좋으며, 문서의 스타일링 요소나, 그룹화 요소가 아닙니다. 스타일 지정 목적이나 그룹화가 필요하다면 태그를 사용합니다. 주요 콘텐츠와 단독으로 콘텐츠를 표현하고 싶다면, , , 요소를 사용하는 것이 적절합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. 태그는 식별할 수단이 필요하기 때문에 제목을( ~ )을 설정하는 것을 추천합니다. 태그는 .. 2022. 11. 15. 이전 1 2 다음
