HTML 규약 및 관례

HTML 규약 및 관례 1. HTML 규약 및 관례 - HTML에는 다양한 규약과 최선의 관례가 존재합니다. - 이는 웹 페이지의 명확한 구조 및 내용을 정의하고, 간편한 유지 보수가 가능하며, 웹 접근성 및 크로스 브라우징 문제를 최소화할 수 있습니다. 2. 문서 형식 선언 - HTML 문서의 시작 부분에 적절한 문서형식 선언을 추가해야 합니다. (HTML5 기준) 3. 문서 구조 - HTML 문서는 일반적으로 다음과 같은 구조를 따릅니다. 3. 유요한 HTML - HTML 문서는 유효한 마크업을 가져야 합니다. - W3C Markup Validation Service와 같은 도구를 사용하여, 문서를 유효성 검사할 수 있습니다. 4. 의미 있는 태그 사용 - HTML5에서는 의미 있는 태그를 사용하여,..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 10. 28.
• textsms

HTML 유효성 검사

HTML 유효성 검사 1. HTML 유효성 검사 - HTML 문서의 유효성 검사는 문서가 웹 표준에 부합하는지 확인하는 과정임 - 다양한 온라인 도구 or 브라우저의 내장 도구를 사용하여, 유효성 검사를 수행할 수 있음 2. 유효성 검사의 목적 - 크로스 브라우징 지원 - 모든 브라우저에서 일관된 방식으로 페이지를 표시하려면, 표준을 준수해야 함 - 웹 접근성 - 장애인 or 특정 기기를 사용하는 사용자에게 웹 페이지를 쉽게 이해하고 사용할 수 있도록 지원하기 위해 웹 접근성 표준을 준수 - SEO (검색 엔진 최적화) - 검색 엔진은 웹 페이지를 크롤링하고 색인화할 때, 표준을 준수하는 페이지를 선호함 ※ 크롤링 : 웹 페이지에서 정보를 추출하는 프로세스 3. 유효성 검사 방법 - HTML 문서의 유표..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 10. 15.
• textsms

NHN CSS 컨벤션

NHN CSS 컨벤션 1. css 속성 선언 순서 (2012년 기준) - 속성 선언 시, 그 쓰임새가 레이아웃과 관련이 큰 것에서 시작하여 레이아웃과 무관한 순서로 선언 - 관련 속성은 대표되는 속성 다음으로 선언하며, 다음과 같은 표에 표기된 의미 순서대로 선언 순서 의미 대표되는 속성 1 레이아웃 display visibility overflow float clear position top right bottom left z-index 2 BOX width height margin padding border 3 배경 background 4 폰트 font color letter-spacing text-align text-decoration text-indent vertical-align white-sp..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 10. 12.
• textsms

시맨틱 웹 (Semantic Web)

시맨틱 웹 (Semantic Web) 1. 시맨틱 웹 (Semantic Web) - 웹 페이지의 구조와 의미를 명확하게 설명하여, 웹 콘텐츠를 이해하고 해석하는 것을 돕는 웹 개발의 접근 방식 - 이를 통해, 검색 엔진 or 웹 에이전트 등이 웹 페이지의 내용을 이해, 분류 등에 효율적 - 또한, 시각 장애인 or 보조 기술을 사용하는 사용자들에게 웹 콘텐츠를 더욱 쉽게 접근 가능하게 함 2. 시맨틱 웹 구조 요소 설명 웹 페이지 or 섹션의 헤더를 정의 내비게이션 링크를 정의 문서의 주요 콘텐츠를 정의 문서의 섹션을 정의 독립적인 콘텐츠를 정의 웹 페이지 or 섹션의 푸터를 정의

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 6. 1.
• textsms

엔티티 (Entity)

엔티티 (Entity) 1. 엔티티 (Entity) - HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋 2. 엔티티의 종류 엔티티 문자 엔티티 명 16진수 엔티티 숫자 (띄어쓰기) > > & & & " " " ' ' '

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 6. 1.
• textsms

콘텐츠 카테고리

콘텐츠 카테고리 1. 콘텐츠 카테고리 - HTML5 부터 비슷한 특징을 가진 요소끼리 묶어 7가지 카테고리로 세분화함 콘텐츠 설명 메타데이터 콘텐츠 (Metadata Content) 문서의 메타 데이터(정보), 다른 문서를 가리키는 링크 등을 나타내는 요소 플로우 콘텐츠 (Flow Content) 웹 페이지상에 메타데이터를 제외하고 거의 모든 요소. (보통 텍스트 or 임베디드 콘텐츠를 포함) 섹션 콘텐츠 (Section Content) 웹 문서의 구획(Section)을 나눌 때 사용 헤딩 콘텐츠 (Heading Content) 섹션의 제목(Heading)과 관련된 요소 프레이징 콘텐츠 (Phrasing Content) 문단에서 텍스트를 마크업 할 때 사용 임베디드 콘텐츠 (Embedded Content..

• format_list_bulleted Front-End Study/HTML+CSS
• · 2023. 6. 1.
• textsms