(15) HTML 태그 - u,v,w

<u> : 철자가 틀린 단어나 중국어의 고유 명사처럼 문체상 일반적인 텍스트와는 달라야만 하는 텍스트를 표현할 때 사용함.

<p>이 단락에는 철자가 틀린 <u>당어</u>가 포함되어 있습니다.</p>

 

 

 

<ul> : 순서가 없는 HTML 리스트(list)를 정의할 때 사용함.

<ul> 요소에 속하는 각 아이템은 <li> 요소를 사용하여 나타내며, 이때 아이템 앞에 추가되는 마커(marker)는 검정색의 작은 원(bullet)이나 사각형 모양으로 표현됩니다.

 

HTML5에서는 <ul> 요소의 type 속성을 더 이상 지원하지 않으므로, 대신 CSS의 list-style-type 속성을 사용하여 마커의 종류를 변경해야 합니다.

<ul>
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>핫초코</li>
    <li>차
        <ul>
            <li>녹차</li>
            <li>홍차</li>
            <li>자스민차</li>
        </ul>
    </li>
</ul>

 

 

 

<var> : 변수(variable)를 정의할 때 사용함.

<var> 요소는 HTML5에서도 여전히 지원되지만, CSS를 대신 사용하면 더욱 다양한 효과를 얻을 수 있습니다.

<p>직사각형의 넓이는 <var>S</var> = <var>W</var>×<var>H</var>로 나타낼 수 있습니다.
    (<var>W</var>는 밑변, <var>H</var>는 높이)</p>

 

 

 

<video> : 무비 클립(movie clip)이나 비디오 스트림(video stream)과 같은 비디오를 정의할 때 사용함.

<video> 요소 내에 위치하는 텍스트는 사용자의 브라우저가 <video> 요소를 지원하지 않을 경우 화면에 표시됩니다.

 

<video> 요소는 현재 다음 세 가지 포맷의 파일을 지원하고 있습니다.

- MP4 (MIME 타입: video/mp4)

- WebM (MIME 타입: video/webm)

- Ogg (MIME 타입: video/ogg)

<video height="180" width="288" controls>
    <source src="/examples/media/sample_video_ogg.ogg" type="video/ogg">
    <source src="/examples/media/sample_video_mp4.mp4" type="video/mp4">
    이 문장은 여러분의 브라우저가 video 태그를 지원하지 않을 때 화면에 표시됩니다!
</video>

 

 

 

<wbr> : <wbr> 태그(Word Break Opportunity)는 단어 중간에서 행바꿈될 수 있는 (line-break) 위치를 정의할 때 사용함.

길이가 굉장히 긴 단어의 경우 브라우저가 해당 단어를 잘못된 위치에서 행바꿈하지 않도록 <wbr> 요소를 사용하여 행바꿈될 수 있는 위치를 직접 명시할 수 있습니다.

<p>http://this.is.a.really.long.example.com<wbr>/With/deeper/level/pages<wbr>/deeper/level/pages<wbr>
    /deeper/level/pages<wbr>/deeper/level/pages<wbr>/deeper/level/pages</p>

 

 

 

공부를 목적으로 정리한 게시글입니다.

출처 - http://www.tcpschool.com/html-tags/intro