본문 바로가기

Reference/HTML42

main 태그는 문서의 주요 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서의 주요 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 14. 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 웹 문서의 핵심이 될 수 있는 내용을 포함하며, 문서에서 한번만 사용이 가능합니다. 개념적 요소의 섹션이기보다는 영역을 표현하기 위한 태그입니다. 그렇기 때문에 DOM 구조에 영향을 미치지 않으며, 정보 제공용을 위한 요소입니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★☆☆ 정의(Definition) 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 태그는 문서의 핵심이 되는 내용을 포함하고 있으며, 사이드 메뉴, 네비게이션 링크, 로고 영역, 검색 영역 등 반복되는 영역은.. 2022. 11. 14.
meta 태그는 문서의 메타 정보를 설정합니다. Reference/HTML 태그는 문서의 메타 정보를 설정합니다. by @webs 2022. 11. 11. 태그는 문서의 메타 정보를 설정합니다. 메타 정보는 웹 페이지 컨텐츠가 아닌 웹 문서 자체의 정보를 표현하는 방법입니다. 메타 정보에는 사이트 키워드, 설명, 저자, 검색엔진노출, 제작날짜, 모바일 화면, 리로딩, 공유 정보 등 다양한 정보를 선택하여 설정할 수 있습니다. 특징 설명 요소 - 닫는 태그 적용 버전 HTML4 시각적 표현 없음 사용성 ★★★★★ 정의(Definition) 태그는 문서의 메타 정보를 설정합니다. 태그는 표면적으로 표시되지 않지만, 문서에 대한 정보를 제공합니다. 태그는 사이트에 대한 설명, 키워드, 저자 등 여러가지 정보를 제공합니다. 태그는 검색엔진 및 키워드 노출에 .. 2022. 11. 11.
title 태그는 문서의 제목을 설정합니다. Reference/HTML 태그는 문서의 제목을 설정합니다. by @webs 2022. 7. 4. 브라우저 상단의 제목 탭에 표시가 됩니다. 타이틀에는 텍스트만 설정 할 수 있으며, 웹 문서에서 가장 중요한 제목을 표시합니다. 검색 노출에 영향을 미치므로, 핵심적인 제목을 표시해주는게 좋습니다. 제목은 검색 결과 페이제에 순서를 결정하는 중요한 부분이므로, 독자의 주의를 표시하기 의미 없는 단어 선택은 좋지 않습니다. 자신의 사이트 내에서 가장 핵심적인 부분만 제목으로 설정하는게 좋으며, 중복적으로 사용하는 것도 검색 결과를 부정확하게 만들 수 있으므로 가장 중요한 제목은 한 번 정도 핵심적으로 사용하는 것이 좋습니다. 특징 설명 요소 - 닫는 태그 적용 버전 HTML4 시각적 표현 없음 사용성 ★★★★.. 2022. 11. 10.
style 태그는 문서의 스타일 정보를 설정합니다. Reference/HTML 태그는 문서의 스타일 정보를 설정합니다. by @webs 2022. 7. 4. 태그는 문서의 스타일 정보를 설정합니다. 스타일을 설정하는 방법은 여러가지가 있습니다. 그 중 태그를 통해서 스타일을 설정하는 방법입니다. 특징 설명 요소 - 닫는 태그 적용 버전 HTML4 시각적 표현 없음 사용성 ★★★★★ 정의(Definition) 태그는 문서의 스타일 정보를 설정합니다. 태그는 3. 외부 링크로 설정하는 방법 : 이 방법을 가장 많이 사용함 문서와 관련된 태그(Document Related Tag) 태그는 문서의 최상단 요소를 나타냅니다. 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고(Reference) htt.. 2022. 11. 8.
link 태그는 문서의 외부 리소스를 설정합니다. Reference/HTML 태그는 문서의 외부 리소스를 설정합니다. by @webs 2022. 7. 4. 태그는 문서의 외부 리소스를 설정합니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 없음 버전 HTML4 시각적 표현 없음 사용성 ★★★★★ 정의(Definition) 태그는 문서의 외부 리소스를 설정합니다. 태그는 일반적을 스타일시트 파일을 주로 연결하지만 파비콘이나 웹폰트를 연결 할 때도 사용합니다. CSS 연동은 요소를 사용하고, SCRIPT 연동은 요소를 사용합니다. 문서와 관련된 태그(Document Related Tag) 태그는 문서의 최상단 요소를 나타냅니다. 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○.. 2022. 11. 6.
base 태그는 문서의 기본 URL을 설정합니다. Reference/HTML 태그는 문서의 기본 URL을 설정합니다. by @webs 2022. 7. 4. 태그는 문서의 기본 URL을 설정합니다. 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/semantics.html#the-base-element 2022. 11. 4.
head 태그는 문서 정보에 해당하는 내용을 설정합니다. Reference/HTML head 태그는 문서 정보에 해당하는 내용을 설정합니다. by @webs 2022. 7. 4. 예제2(Sample) head 요소 안에 올 수 있는 요소 예제입니다. 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/semantics.html#the-head-element 2022. 11. 3.
html 태그는 문서의 최상단 요소를 나타냅니다. Reference/HTML 태그는 문서의 최상단 요소를 나타냅니다. by @webs 2022. 7. 4. 태그는 문서의 최상단 요소를 나타냅니다. 요소에는 언어를 설정하면 음성 도구 및 번역 도구에 도움을 줍니다. 웹 문서에 작성에 가장 기본이 되는 루트 요소이며, 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/semantics.html#the-html-element 2022. 11. 2.
body 태그는 문서 본문에 해당하는 내용을 설정합니다. Reference/HTML 태그는 문서 본문에 해당하는 내용을 설정합니다. by @webs 2022. 7. 4. 태그는 문서 본문에 해당하는 내용을 설정합니다. 문서에서 한번만 사용 할 수 있으며, 문서 설정시 필수적으로 들어가는 요소입니다. 태그는 문서 본문에 해당하는 내용을 설정하지만, 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/sections.html#the-body-element 2022. 11. 1.
hr 태그는 단란 요소간의 주제별 구분을 설정합니다. Reference/HTML 태그는 단란 요소간의 주제별 구분을 설정합니다. by @webs 2022. 7. 4. 태그는 단란 요소간의 주제별 구분을 설정합니다. 단순 줄바꿈을 위함이라면 태그를 사용합니다. 주제를 구분하기 위한 요소이며, 시각적인 표현은 CSS를 통해 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 없음 버전 HTML4 시각적 표현 수평선 사용성 ★★☆☆☆ 정의(Definition) 태그는 horizontal rule의 약자이며, 단란 요소간의 주제별 구분을 위해 설정합니다. 태그는 연극에서 주제를 구분하거나, 책에서 화제 변경을 구분하기 위해 사용합니다. 태그는 시각적인 부분보다 의미론적으로 사용하므로, 시간적인 표현은 CSS를 통해 표현합니다. 크로스브라우.. 2022. 11. 1.
br 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. Reference/HTML 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. by @webs 2022. 7. 4. 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. 단순 줄바꿈을 위한 용도이기 때문에 스타일적인 요소가 필요하다면 CSS 속성을 사용합니다. 여백을 주기 위함이라면 CSS 속성 margin, padding 또는 line-height 사용을 권장합니다. 의미없는 글자에 줄바꿈을 원하다면 태그를 사용합니다. 문단간에 주제 분리를 위한 줄바꿈이 필요하다면 태그를 사용합니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML4 시각적 표현 줄바꿈 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트 줄바꿈이 필요할 때 사용합니다. 태그는 줄을 바꾸는 의미 밖에 없.. 2022. 10. 31.
wbr 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. Reference/HTML 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. by @webs 2022. 7. 4. 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. 태그의 사용은 제한적입니다. 일반적인 한글이나 영어에서는 해당이 되지 않습니다. 의미가 없는 단어나 해석 할 수 없는 단어의 줄바꿈을 할 때 사용합니다. 예를 들면 의미적 전달이 안되는 브라우저의 주소가 가장 적절한 예가 될 것입니다. 단어의 줄바꿈이나 글자의 줄바꿈을 컨트롤 하고 싶다면 word-break 속성을 사용합니다. 줄바꿈을 해주는 태그와 동일하지만, 태그는 줄바꿈을 해야 될 상황에 오면 줄바꿈을 해줍니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML5 시각적 표현 줄바꿈 사용성 ★★☆☆☆ 정.. 2022. 10. 30.
abbr 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. Reference/HTML 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. by @webs 2022. 7. 4. 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. abbr은 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. title 속성을 사용하여 전체 단어를 지정 할 수 있으며, 용어에 대한 정의를 나타내는 태그와 같이 사용하여 설정할 수 있습니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 점선(브라우저마다 틀림) 및 툴팁 사용성 ★★☆☆☆ 정의(Definition) 태그는 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. 태그를 사용할 경우 번역 시스템이나 검색 시스템에게 유용한 .. 2022. 10. 28.
a 태그는 다른 페이지 이동을 설정합니다. Reference/HTML 태그는 다른 페이지 이동을 설정합니다. by @webs 2022. 7. 4. 태그는 다른 페이지 이동을 설정합니다. 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있으며, 아이디(#) 값으로 페이지 내에서도 이동이 가능합니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 밑줄과 파란색으로 표시 사용성 ★★★★★ 정의(Definition) 태그는 클릭하면 다른 페이지로 이동합니다. 현재 페이지에서 다른 페이지 URL로 연결하는 것을 하이퍼링크라고 합니다. 태그는 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있습니다. 태그는 아이디(#id)로 이동 할 수 있습니다. 태그는 target.. 2022. 7. 4.