[HTML] Tag ; b, base, bdi
[HTML] Tag ; b, base, bdi
B01. [ b ]
☞ 정의 : b요소는 텍스트를 굵게 장식하는 스타일 요소입니다
☞ 설명
◦ 키워드를 부각하기 위해 사용하기도 합니다.
◦ i요소와 마찬가지로 b요소를 사용한 의미를 class 속성을 이용하여 나타낼 수 있습니다.
◦ b 요소보다 더 적함한 요소가 있는지 고려해보길 권장합니다. 예를 들어 제목은 h1~h6요소를 사용해야 합니다. 강조를 하기위한 목적이라면 em을 사용하고, 중요성을 목적으로 하고 있다면 strong을 사용하고, 텍스트를 부각하려면 mark요소를 사용하길 권합니다.
예제 :
<p>This is normal text - <b>and this is bold text</b>.</p>
B02. [ base ]
☞ 정의
base요소는 HTML문서의 기준 URL을 명시합니다
☞ 속성
◦ href : 문서의 기준이 되는 URL을 지정합니다.
◦ target : 링크를 어떤 프레임에 열것인지를 결정합니다.
◦ _blank : 새창에 엽니다.
◦ _parent : 부모창에 엽니다.
◦ _self : 자신의 창에 엽니다.
◦ _top : 화면이 여러 프레임으로 이루어져있는 경우 모든 프레임을 지우고 전체 화면에 엽니다.
◦ [name] : 지정된 이름에 링크를 엽니다.
☞ 설명
◦ 문서의 head요소 안에서 사용됩니다.
◦ href 속성이나 target 속성중 반드시 하나 이상을 써야하며 둘 다 사용할 수도 있습니다.
예제 :
<head> <base href="https://www.w3schools.com/images/" target="_blank"> </head> <body> <img src="stickman.gif" width="24" height="39" alt="Stickman"> <a href="https://www.w3schools.com">W3Schools</a> </body>
B03. [ bdi ]
☞ 정의
bdi요소는 텍스트의 출력 방향을 브라우저가 판단해 표현합니다.
☞ 설명
◦텍스트의 방향성을 모를때 사용하면 유용합니다. 즉 브라우저가 bdi요소의 텍스트를 보고 방향성을 판단하여 화면에 출력합니다.
예제 :
<ul> <li>User <bdi>hrefs</bdi>: 60 points</li> <li>User <bdi>jdoe</bdi>: 80 points</li> <li>User <bdi>إيان</bdi>: 90 points</li> </ul>
'Web Design > HTML & HTML 5' 카테고리의 다른 글
| [HTML] Tag ; body, br, button (0) | 2018.05.08 |
|---|---|
| [HTML] Tag ; bdo, big, blockquote (0) | 2018.05.08 |
| [HTML] Tag ; aside, audio (0) | 2018.05.08 |
| [HTML] Tag ; address, area, article (0) | 2018.05.07 |
| [HTML] Tag ; a, abbr, acronym (0) | 2018.05.07 |
