2011.09.26 09:46

7.1 HTML5 Semantic <mark>

HTML5 2011.09.26 09:46


기존에 HTML 작성시 특정한 단어나 일부분을 강조하고 싶을 때 기존에는 <STRONG> 태그를 많이 사용하셨을 것입니다. 하지만 <STRONG>태그의 경우 해당 부분을 시각적으로 강조하는 역할만 부여되어 있는 상태 입니다.
 그래서 의미적으로 강조하고 싶으시다면 <MARK> 태그를 사용하기 바랍니다.

Basically, it is used to bring the reader's attention to <mark>a part of the text</mark>

 <MARK>태그의 경우는 의미적인 강조는 해주지만 시각적인 효과는 없기 때문에 시각적인 효과를 함께 주고 싶으면 CSS를 이용해서 효과를 줄 수 있습니다.

mark { background-color:#ff9; color:#000; font-style:normal; font-weight:bold; }

 

김영욱 iwinkey@hotmail.com

현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다.
올해는 컨슈머와 관련된 앱을 만드는 다양한 업체들을 발굴하고 지원하는 일을 맡고 있습니다.


HTML5 강좌 전체 목록
  1. HTML5 DocType의 정의
  2. HTML5 Header stuff
  3. Audio
  4. Video
  5. Canvas
    Canvas: Rectangle
    Canvas: Shadow
    Canvas: Path
    Canvas: Image
    Canvas: Text
  6. Web form 2.0
    Input Attr: Placeholder
    Input Attr: Autofocus
    Input Attr: Required field
    Input Attr: DataList
    Input Type: Search
    Input Type: Email, URL, Phone
    Input Type: Range
    Input Type: Number
    Input Type: Date
    Input Type: Color
  7. Towards Semantic Web
    Semantic <mark>
    Semantic <time>
    Semantic <meter>
    Semantic <progress>
    Semantic <section>
    Semantic <header>
    Semantic <footer>
    Semantic <nav>
    Semantic <article>
    Semantic <aside>
저작자 표시 변경 금지
신고


티스토리 툴바