어휘에 사용 되는 요소들

Question

Q1

1. 이미지를 figure 요소로 감싼다고 하셨는데 figure 요소로 감싼다는게 정확히 무엇을 한다는 것인가요?
2. strong, b의 사용시 의미적 차이는 있는데 화면에서 보이는 표시 차이는 없나요?
만약 없다면 그냥 아무거나 사용해도 무방하지 않나요?

Answer 1

A1

질문에 답변 드립니다.

답변 1

감싼다는 의미는 "부모-자식 간의 관계"를 만들어 주는 것을 말합니다. figure 요소가 img 요소를 감싼다 ⇒ "figure 요소는 img 요소의 부모 요소이다." 마크업 구조는 다음과 같이 구성합니다.

<figure>
  <img src="" alt>
</figure>

답변 2

기본적으로 브라우저에서 보여지는 모양은 strong, b 요소가 동일합니다. 하지만, 보이는 것이 동일하다고 해서 의미(Semantic)를 고려하지 않은 채, b 요소만 사용해도 무방하지 않냐는 의견에 그렇지 않다고 답변 드립니다. 월드 와이드 웹은 단순히 보여지는 것만이 전부가 아닙니다.

예를 들어 검색 로봇 또는 브라우저와 같은 기계, 그리고 볼 수 없는 사람(시각 장애)은 보이는 것이 아닌 정보로 데이터에 접근하고 수집합니다. 쉽게 생각해서 드라마를 오디오 만으로 듣는다고 생각해보세요.

감정을 나타내기 위해서는 억양이 거세거나, 부드럽거나, 크게 외치거나, 작게 소근거려야 전달이 되겠죠?

모두 동일한 음으로 이야기 한다면 아무런 감정을 나타낼 수 없을 겁니다. 마찬가지로 문서에 사용된 요소 또한 문맥에 맞게 분석하고, 적절한 요소를 통해 구조화 해야 정보의 체계(System)가 갖추어지는 겁니다. HTML이 쉽다고 말하는 사람들은 단순히 문법만 놓고 언어를 판단하기 때문에 그리 말하는 것으로, 문서의 구조를 고민하고, 판단하에 적절한 의미를 부여하는 일은 절대 쉬운 일이 아닙니다.

영상 강의를 다시 한 번 더 보시면 어떨까 합니다. ^ㅡ^ 영상 강의에서는 구조, 의미에 대해서 여러 번 강조하고 있으니까요.

어휘에 사용 되는 요소들

영상 강의

실습 자료

참고

Q & A

Q1

A1

답변 1

답변 2

# 어휘에 사용 되는 요소들

# 영상 강의

# 실습 자료

# 참고

# Q & A

Q1

A1

답변 1

답변 2

어휘에 사용 되는 요소들

영상 강의

실습 자료

참고

Q & A