Text-level semantics

11864 ワード


br, wbr


brラベルは改行に使用されます.wbrタグはたまに使用されますが、テキストボックスのすべての行が表示されない場合にのみ改行されます.

href=「パス」


a要素はHTMLのコア要素であり、ハイパーテキスト(すなわちリンク)を作成するために使用される
hrefプロパティでパスが指定されます.hrefプロパティではなく、JSを使用してパスを指定できますが、Webアクセスとは異なり、hrefプロパティを使用することが望ましいです.
html構文のsection要素とgrouping content要素は、このレベルの要素のサブ要素を作文する必要はありませんが、例外をアンカーマークするだけで、section要素とgroup content要素をサブ要素として使用できます.
また、a要素またはbuttonなどのa要素の任意のサブ要素は、ユーザと対話可能な要素をサブ要素として使用しないことに注意してください.
使用例
<a href="https://www.naver.com">click</a>
<a href="https://www.naver.com" target="_blank">click</a>  
<a href="./index.html">click</a>
<a href="#three">click</a> <!-- 해쉬 링크 -->
<a href="./index.html" download>click</a>
<a href="./hello.hwp">hwp click</a>
<a href="./hello.hwp" download="a.hwp">hwp download click</a>
<a href="./hello.pdf">pdf click</a>
<a href="./hello.pdf" download="a.pdf">pdf download click</a>
グーグルもこのaTagから始まったことを認識すべきで、論文を読んでもいいです.
「わかりやすい」グーグルランキングアルゴリズム

b, strong


bラベルは太字を表示するために使用されます.
特に意味はありません.cssで制御できるのでxを使います
strongタグを使用して太字をハイライト

i, em


iマークは斜体を表す.HTML 5では、専門用語、段落で主要言語とは異なる言語で表現される部分、小説で人物の考えを表記する部分など、周囲と区別する必要がある部分を表現する.
Emタグは同じ斜体で表示されますが、強調的な意味があります.
<p>시장안은 사람들의 활기로 가득차 있었다.</p>
<p>
    상인 : 이 상품은 현재 <em>30%</em> 할인중입니다!
    나 : 아하 그렇군요! <i> '흠.. 왜 하필 지금 할인하는걸까?!' </i> 좀 더 구경하고 올게요!
</p>
<p>나는 상인의 의도를 의심할 수 밖에 없었다.</p>

dfn


現在のコンテキストで定義されている用語を表します.dfnの最近の親要素がpまたはdt、ddまたはsection要素である場合、その内容はdfn定義の説明とみなされます.
ドキュメントに最初に表示されたときに使用
<dl>
	<dt>WWW</dt>
	<dd>
	    <dfn>WWW</dfn>는 
			인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
	    - 위키백과
	</dd>
</dl>

abbr


abbrラベルは略語で、略語を表すために使用されます.
通常は単独で使用され、dfnラベルで包まれています.
<dl>
	<dt>WWW</dt>
	<dd>
	    <dfn><abbr title="World Wide Web">WWW</abbr></dfn>는 
			인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
	    - 위키백과
	</dd>
</dl>

sup, sub


supラベルは上付き、subラベルは下付きを表します.
小文字を表すのではなく、化学記号や数学式などの句読点を使用する必要がある場所でのみ使用されます.

span


何の意味もない場合に改行せずに領域をグループ化するために使用されます.
idを1つの領域として複数の要素を制御したり、クラスを使用したりすることができます.
divと同様に最後の手段として使用します