본문 바로가기

html54

[html] mark 태그 [html] mark 태그 mark 태그는 사용자에게 관계된 텍스트를 강조하고자 할 때 사용합니다. ▶브라우저 지원 ie9+, chrome 6.0+, firefox 4.0+, safari 5.0+, opera 11.1+ ▶mark 요소 사용 예 1. 검색 결과에서 찾은 키워드를 두드러지게 표시하여 사용자가 원하는 것을 쉽게 찾을 수 있도록 함. 2. 인용할 때 특정 텍스트를 강조하게 위해 strong, em, mark 태그 차이 텍스트를 강조하는 의미에서 세 가지가 쓰일 수 있는데, 각기 용도가 다릅니다 em. 강세를 둔 강조. emphasized text 약자로 이탤릭체로 표시함. 강조의 위치는 문장의 의미를 바꿈 Cats are cute animals. '고양이'에 강조 Cats are cute an.. 2015. 3. 3.
[html] abbr 태그 [html] abbr 태그 abbr 태그는 두문자어(acronym)와, 약어(abbreviation )에 사용하는 요소로, 브라우저나 검색엔진에 유용한 정보를 줍니다. 넷스케이프가 abbr 요소를 만들고, 마이크로소프트가 acronym을 만들어 두 요소 다 html4까지 사용하고 있었지만, 두 정의가 혼동스럽고 브라우저 지원도 저마다 달라, html5부터 acronym은 퇴화 요소로 규정합니다. html5부터는 두문자어와, 약어에 모두 abbr 태그를 사용합니다. 참고 acronym: 단어의 머리글자를 딴 말. NATO는 North Atlantic Treaty Organization의 두문자어임 '나토'라고 읽음. abbreviation: 쉽게 알아들을 수 있도록 줄인 말. BBC는 British Bro.. 2015. 3. 2.
HTML5 퇴화 요소(deprecated, obsolete 차이) HTML5 퇴화 요소(deprecated, obsolete 차이) 예전에 table에서 퇴화 속성에 대해 적은 적이 있는데, 어떤 분이 퇴화 속성인데 왜 여전히 정상적으로 작동하는지 질문하신 분이 계셨습니다. table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 저도 궁금하던 차였는데, 마침 글을 읽다가 deprecated, obsolete 차이에 대해 나온 글이 있어서 정리해 보았어요. 더불어 html5에서 퇴화로 규정된 태그를 살펴볼까 합니다. 우선 용어 정의부터.... 제 블로그엔 '퇴화 요소' '퇴화 속성'이란 단어가 많이 등장하는데 deprecated와 obsolete를 저는 통일해서 '퇴화'라고 설명해 놓았습니다. 하지만 두 단어엔 차이가 있습니다. deprecated .. 2015. 2. 27.
이미지맵 태그(map, area 태그) 이미지맵 태그(map, area 태그) map 태그는 이미지맵을 만드는 태그입니다. 이미지맵이란 클릭할 수 있는 영역을 지닌 이미지를 말합니다. map 요소는 몇 가지의 area 요소를 포함합니다. area 요소는 이미지맵에서 영역을 지정합니다. 사용 예: map 요소의 name(또는 id) 속성은 img 요소의 usemap 속성과 관계가 있습니다. 따라서, usemap과 name 이름은 동일해야 함. name과 id를 반복해서 쓴 이유는, name 속성이 xhtml에서는 퇴화 속성이기 때문. ▶함께 사용할 수 있는 속성 속성 속성값 설명 alt text area 대체 텍스트. Href 속성이 있으면 필수 coords area의 좌표. 0,0이 상단 왼쪽임 x1, y1, x2, y2 사각형 모양일 때(s.. 2015. 2. 25.
[html5] figure 태그, figcaption 태그 [html5] figure 태그, figcaption 태그 책이나 잡지에서 이미지, 차트 등이 나올 때 이를 설명하는 문구와 함께 소개됩니다. figure 요소는 이처럼 사진, 도표, 삽화, 오디오, 비디오, 코드 등을 담는 컨테이너 역할을 하는 태그이고, figcaption 요소는 이에 대한 설명하는 문구를 담는 태그 입니다. figcaption 요소는 선택적이며, figure 요소 안에 사용합니다 (내용 앞 뒤로 올 수 있음) figcaption 요소는 figure 요소에서 한 번만 사용할 수 있으며 figure 안에는 여러 가지의 자식 요소(img, code 등)을 포함할 수 있습니다. ▷ 브라우저 지원 ie 9.0+, chrome 6.0+, firefox 4.0+, safari 5.0+, oper.. 2015. 1. 20.
IE 문서 모드란(meta http-equiv="x-ua-compatible" content="IE=edge") IE 문서 모드란(meta http-equiv="x-ua-compatible" content="IE=edge" ) 오늘은 메타 태그 중 아래 코드에 대해 알아보겠습니다. content="IE=edge"는 IE브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서 모드입니다.(IE6부터 IE11까지) 문서 유형 (document type) 선언과 함께 사용해야 유효합니다. /*가장 최신의 웹표준을 지원하는 HTML5 DOCTYPE을 추천함 */ DOCTYPE 선언하는 이유와 버전별 선언 정리 (HTML5, HTML 4, XHTML) IE11에서는, 문서 모드가 곧 퇴화될 것이며 앞으로 사용되지 말아야할 것으로 규정합니다. 현재로서, IE11는 edge mode가 추천하는 문서 모드입니다. 참조: .. 2015. 1. 16.