본문 바로가기

제가 쓴 책175

6. Edit Elements 6. Edit Elements Edit 요소군에 해당되는 HTML5 요소에는 W3C에 의해서 구분된 기준에 의하면 새로운 텍스트를 정의하는데 사용하는 ins 요소 그리고 기존의 텍스트에 삭제 표시하는데 사용하는 del 요소가 정의되어 있습니다. 6.1 ins 요소(Element) ins 요소는 추가될 텍스트를 정의하는데 사용되는 요소로 왜 새로운 텍스트가 추가되어야 하는지를 설명하는 내용을 담고 있는 URL을 명시하는 cite 속성과 언제 텍스트가 추가되었는지를 나타내는 datetime 속성을 이용하여 다음과 같은 형식으로 사용이 가능하며 보통 추가된 텍스트에 밑줄이 그어진 형태로 출력하게 됩니다. 내용 내용 내용 간단하게 cite, date 속성이 포함된 형태의 예를 잠깐 볼까요? 메모장을 열어서 HT.. 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.
5.13 ruby, rt, rp 요소(Element) 5.13 ruby, rt, rp 요소(Element) ruby 요소는 주로 우리나라, 중국, 일본 같은 동아시아에서 사용되는 활자들에 대한 하나의 주석을 나타내는 요소로 루비(ruby) 주석은 동아시아 활자의 발음을 나타내기 위해서 사용되며 보통 rt, rp 요소와 함께 사용하며 형식은 다음과 같습니다.\ 루비 주석 漢 rt 요소는 ruby의 자식 요소로 루비 주석 다음에 오는 루비 주석에 대한 발음 기호와 같은 루비 텍스트를 나타내는 요소입니다. 마지막으로 rp 요소는 ruby의 자식 요소로 rt 요소의 바로 앞이나 뒤에 올 수 있으며 루비 주석 텍스트문을 둘러싸는 괄호를 제공하는데 이용될 수 있으나 ruby, rt, rp 요소를 지원하는 브라우저의 경우는 브라우저 상에서는 나타나지 않고 ruby, r.. 2013. 7. 31.

티스토리툴바