html566 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. HTML5 blockquote 엘리먼트(element) HTML5 blockquote 엘리먼트(element) blockquote는 어떤문서 다른사이트의 페이지의 구문을 요약할때쓰는 엘리먼트일다. blockquote엘리먼트안에는 반드시 다른 소스로 부터 가져온것이있어야한다.사이트 주소의경우는 cite속성 엘리먼트를 내부에 사용한다. 간단한 예제 뉴스 박지성은 이번경기에서 어쩌고저쩌고 그래서....골을.. 위의예제는 http://news.com라는 사이트로부터 내용을 가져오고있다. 요약된구문에 요약된것을 사용할 수도있다.blockquote내부에 blockquote를 사용할수도 있다는뜻.아래예제 그가말하기를... 나는 뭐 어쩌고저쩌고 2010. 5. 29. HTML5 pre 엘리먼트(element) HTML5 pre 엘리먼트(element) pre 에리먼트는 텍스트 서식등 있는그대로 타이포그래피처럼 보여줄때 쓴다.예로 html이나 스크립트 css소스를 보여줄때 사용한다. 계속포스팅할때 소스를 보여주는 것도 pre엘리먼트를 사용할때이다. 있는그대로 보여주므로 띄우기도 그대로 나오계된다.사용되는예를보자면 이메일이나 빈칸공백이있는것들을 그대로 보여줄 떄 프로그래밍언어나 소스일부분을 보여줄떄 ASCII 코드를 보여줄때 첫번째예를 보자 이것은 프로그래밍코드를 보여주느예제이다 This is the Panel constructor: function Panel(element, canClose, closeHandler) { this.element = element; this.canClose = canClose; t.. 2010. 5. 28. HTML5 hr 엘리먼트(element) HTML5 hr 엘리먼트(element) hr엘리먼트는 테마별로 각 섹션을 정확히 나누어 주는데 이용한다.네이버,다음 홈페이지를 봐도 헤더와,콘테츠,푸터 부분사이에 들어가 있는것을 볼수있다. 사이트 이름 내용이 어쩌고 저쩌고 샷타이거 이것 말고도 문단을 먕확히 단락지을 때도 사용된다 이번 엘리먼트는..................입니다 그리고.................입니다 마지막 으로...........입니다 2010. 5. 13. HTML5 p 엘리먼트(element) HTML5 p 엘리먼트(element) 가장 흔히 쓰는 문장을 담는 엘리먼트 별도로 설명하지않아도 포스팅 쓸때 쓰무로 잘알것이다. 간단한예제 쓰고 싶은대로 아무거나 씀 그러나 다음과 같은 예를보자 최종수정날짜: 2010-05-13 작성자: 샷타이거@xxxxcom 물론 문제없으나 더 명확화 하기위해 적절한 엘리먼트를 사용하는것이 올바르다.아래는 좀더 좋은예 최종수정날짜: 2010-05-13 작성자: 샷타이거@xxxxcom 2010. 5. 13. 이전 1 2 3 4 5 6 7 다음