본문 바로가기

html5 강좌38

7. Embedded Content Elements 7. Embedded Content Elements 내장형 컨테츠 요소(Embedded Content Element)란 HTML 문서에 다른 자원(resource)들을 집어넣는데 사용되는 요소나 문서에 추가될 다른 요소로부터의 내용을 추가하는데 사용되는 요소를 말하는 것입니다. 다시 말해서 이미지, 소리, 영화 같은 HTML 문서 밖의 자원들을 HTML 문서에 집어넣거나 이와 연관된 작업을 하는데 사용되는 요소들을 W3C에서는 내장형 내용 요소 그룹으로 구분하고 있습니다. 현재(2012년 1월 13일 기준)으로 다음과 같은 내장형 내용 요소들이 정의되어 있습니다. 요소 기능 img 이미지를 나타내는 사용 map 이미지맵을 정의할 때 사용 area 하나의 이미지-맵 안에 클릭 가능한 하나의 영역을 정의하는.. 2013. 7. 31.
6.2 del 요소(Element) 6.2 del 요소(Element) del 요소는 삭제 표시할 텍스트에 사용되는 요소로 ins 요소에서 설명한 cite, datetime 속성을 이용하여 다음과 같은 형식으로 사용할 수 있습니다. 내용 내용 내용 보통 ins 요소와 del 요소를 함께 사용하는 경우가 많은데 예를 들면 영어 문장 첨삭지도 경우 웹페이지에 나타낼 때 잘못 영작한 내용에 줄을 긋고 그 옆에 맞는 단어를 나타내게 할 때 사용할 수 있습니다. “나는 클래식 음악을 좋아해” 라는 문장을 영문으로 다음과 같이 작성했다고 가정합니다. “I like classic music.”와 같이 영작했다면 클래식 음악은 “classical music”이므로 수정이 필요하게 됩니다. 이럴 경우 ins 요소와 del 요소를 이용하여 다음과 같이 작성.. 2013. 7. 31.
5.15 span, br, wbr 요소(Element) 5.15 span, br, wbr 요소(Element) span 요소는 요소들에 스타일을 적용하거나 그룹핑하는데 사용되는 요소로 이와 비슷한 기능을 하는 div 요소가 있는데 둘의 차이점은 span 요소는 인라인에 div 요소는 다수의 라인으로 이루어진 블록 수준의 컨텐츠에 대해서 스타일 및 그룹핑을 한다는 것입니다. 이러한 span 요소는 다음과 같은 형식을 이용하게 됩니다. 텍스트 span 요소는 그 자체로는 시각적으로 특별한 변화가 없으며 따라서 보통 style 속성을 이용하여 span 요소에 의해 시각적으로 변화를 주게 됩니다. br 요소는 특별하게 설명할 것이 없으므로 생생략하고 wbr 요소는 공백없이 매우 긴 단어나 문자열은 자동 줄바꿈(wrap)이 발생하는데 이와 같은 줄바꿈이 되지 않고 한.. 2013. 7. 31.
5.14 bdi, bdo 요소(Element) 5.14 bdi, bdo 요소(Element) bdi 요소는 히브리어, 아랍어 등과 같은 오른쪽에서 왼쪽으로 글을 쓰는 언어군에 필요한 요소로 독립적인 양방향 텍스트 영역을 정의할 때 사용하는 요소로 다음과 같은 형식을 사용합니다. 히브리어, 아랍어, … bdo 요소는 텍스트가 쓰여지는 방향을 정의하는데 사용하는 요소로 dir 속성을 이용하여 그 방향을 다음과 같이 설정할 수 있습니다. 텍스트 텍스트 dir 속성값이 “ltr”이면 왼쪽에서 오른쪽으로 텍스트를 표시하라는 의미이고 “rtl”이면 텍스트를 오른쪽에서 왼쪽으로 읽어서 표시하라는 의미입니다. 현재는 거의 대부분의 브라우저가 bdi를 지원하지 않으므로 여기서는 bdo에 대한 예제를 해봅니다. 메모장을 열어서 기본적인 코드를 작성하고 … 블록을 다음.. 2013. 7. 31.

티스토리툴바