본문 바로가기

웹표준78

HTML5 q 엘리먼트(element) HTML5 q 엘리먼트(element) blockquote엘리먼트와 만찬가지로 요약구문을 쓸때사용한다 단 q엘리먼트의 경우는 단문이며 인라인이다 아무개가 말하길뭐라고뭐라고했고난 뭔말인지못랐다. 정부의청와대에서는 어쩌고 저쩌고라고 했다 그는 "뭐라고뭐라고" 말했다 첫번째 예는 올바르게사용된경우이다. 두번째 예는 cite 송성엘리먼트를 사용하여 그출처를 밝혀준것이다. 주의할 점은 cite속상엘리먼트와 cite엘리먼트는 다르단것을 명심하자 마지막예제는 잘못된것 q엘리먼트대신에 그냥 따옴표를쓰고 있다. 어떤그림으로 대체하는것은 올바르지만 코딩에서 이렇게 하는 것은 올바르지않다. 2010. 6. 26.
HTML5 cite 엘리먼트(element) HTML5 cite 엘리먼트(element) cite 엘리먼트는 인용할때 사용한다. 요약구문이있다면 그 출처를 밝히는셈이다. 중요한점은 title of a work 즉 작업의 제목을 밝히는셈이다. 내가좋아하는책은 나관중의삼국지이다. 내가좋아하는 만화책은 전략삼국지이다 이예제는 틀렸습니다, 아무개가 말했다. 첫번째 문장은 삼국지라는 책의 제목을 인용 하고있다. 명확한 출처이다. 흔히 착각하는 것으로 위의 예제에서 아래는 틀린예제이다.아래는 작업의 출처가 아닌 이름을 인용하고 있다. 또 주의할 점은 과도하게 많은 것을 인용하지않는다. 정확한것만 인용해야한다. 아래예제 참조 According to the Wikipedia article HTML, as it stood in mid-February 2008 Ac.. 2010. 6. 25.
HTML5 small 엘리먼트(element) HTML5 small 엘리먼트(element) small 엘리먼트는 주석(side comment)을 사용할때 사용된다. 작게 표시되는데 주의할 점은 그렇다고 small엘리먼트가 의미하는바가 강조의 반대는 아니란점이다. 주석의 역할로 글씨가 작을 뿐이지 주석도 중요한 부분이될 수 있다. contact아무개 © copyright 2038 Amuga 나무식물로서.. 첫번쨰예는 간단한 연락처로 주석을 사용하고 있다 ㅈ두번째 역시 주석이지만 strong을 사용해 중요하다는 것을 알려주고 있다. 2010. 6. 25.
HTML5 em, strong, i , b 엘리먼트(element) HTML5 em, strong, i , b 엘리먼트(element) 이들은 나타나는 글시체때문에 (이탈릭,볼드) 햇갈려하는 엘리먼트들이다 하나하나 살펴보자 em과 strong em엘리먼트는 강한 강조(stress smphasis)할 때 사용된다. 반면 strong은 강조성이기도하지만 그보다 중요함(importance)를 나타내고자할 때 사용된다.아래예를보자 나의 가장 사랑스런운 고양이 나의 가장 사랑스런운 고양이 경고 :이 물건을 건드리지마시오 첫번째문장은 고양이를 두번쟤문장은 사랑스러운을 강조한다. 세번째 문장은 물건의 중요성을 말해주는것이다. i 와 b i엘리먼트는 em처럼 이탈릭체로 나타난다. 역항은 이탈릭의표현적 역할이다.또한 일반구문과는 다르다는 것으로 구별(taxonomy)할 떄 사용된다. 한.. 2010. 6. 24.
HTML5 div 엘리먼트(element) HTML5 div 엘리먼트(element) html5전에는 div엘리먼트가 거의 다른 엘리먼트를감싸고 그룹엘리먼트로 역할했다. 하지만 html5와서는 그 역할이 세분화되었다. For example, a blog post would be marked up using article, a chapter using section, a page's navigation aids using nav, and a group of form controls using fieldset 위의 요약문을 보면알듯이 블로그포스트는 article ,챕터영역은section,네비게이션은 nav, 역할분담이되었다. 월드와이드웹에서는 div를 콘텐츠가 마땅히 맞지않는곳이있을때 쓰라고 권유한다. 개인적인 생각이지만 아마도 이벤트 레이어같은 의.. 2010. 6. 23.
HTML5 figure, figcaption 엘리먼트(element) HTML5 figure, figcaption 엘리먼트(element) 이 둘은 새로 등장한 엘리먼트이다. figure 엘리먼트는 그림,사진,일러 코드리스트등과 같이 캡션을 할때 사용한다. Bubbles at work 위의 예제는 구글 로고이미즈를 보여주는사례이다.앞서말했듯이 비디오 역시 가능하다. 제작 어쩌고 저쩌고 당연하지만 여러그림이 들어 가도 상관없다. 각포탈사이트 :다음,네이버,구글 단 figcaption은 figure엘리먼트안에서 바로 다음이나 아니면 맨아래 쓴다. 2010. 6. 23.
HTML5 dl, dt, dd 엘리먼트(element) HTML5 dl, dt, dd 엘리먼트(element) 이들은 description 서술, 정의 하는 엘리먼트들이다. dl엘리먼트(element) dt,dd 엘리먼트를 자식엘리먼트로 가진다. 오직 이들만 포함한다 HTML5 dl, dt, dd 엘리먼트(element) dt는 정의할것이나 서술할 대상을 포함한다 한편 dd는 그것에 대해 이야기해준다 티스토리 전문블로그지원 네이버 포탈사이트 네이버지식인 위는 간단한에제 dt를먼저쓰든 dd를 먼저쓰든 상관없다.dt는 한번만 주로 사용한다. 그럼 여러번 사용한예는 다음과 같다.영어에서 색깔이라쓰이는 두단어에대해설명해주고있다. color colour 빛의 스펙트럼(분광)의 조성차(組成差)에 의해서 성질의 차가 인정되는 시감각(視感覺)의 특성. 2010. 6. 23.
HTML5 li 엘리먼트(element) HTML5 li 엘리먼트(element) li 엘리먼트는 기존에 ul, ol의 자식엘리먼트이다. 어쩌고 저쩌고 어쩌고 저쩌고 ol엘리먼트에서 start 속성엘리먼트와 li의 value엘리먼트와 겹칠경우 value값이 나타난다. 어쩌고 저쩌고 마지막으로 이번 html5에는 menu 엘리먼트가 추가되었다 li는 menu 엘리먼트의 자식엘리먼트로도 활용된다. 2010. 6. 23.
HTML5 ul 엘리먼트(element) HTML5 ul 엘리먼트(element) 순서의미를 부여하지않는 ul엘리먼트는 그대로 사용된다. I have lived in the following countries: Norway Switzerland United Kingdom United States 2010. 6. 23.
HTML5 ol 엘리먼트(element) HTML5 ol 엘리먼트(element)ol엘리먼트는 순서있는 리스트를 보여줄때 사용한다. html5에서 달라진접은 별반없다. li엘리먼트를 자식엘리먼트로 포함한다 알파 베타 감마 새로 부여된 속성엘리먼트 reserved reserved는 순서를 꺼꾸로 나타내게한다 알파 베타 감마 위와 같이 한다면 역순으로 정렬된다 start 시작순서 번호를 나타내는 start엘리먼트는 그대로 사용된다. 2010. 6. 23.