まとめ・「文章・文字」に関連するタグの紹介。【HTML・初心者向け】| ノブレコ
文章に関するタグの一覧
この記事では、ホームページなどを作成するにあたっての、「文章や文字」に関係するタグを紹介していきます。
タグ持つ役割からタグ名や意味だけを取り上げた簡単な説明になっています。
役割別で分けてありますので、使用したいタグなどお探しのお手伝いになれば幸いです。
文章の構造を示す
<footer> ―― 要素内のフッター(下部)を表す
<header> ―― 要素内のヘッダー(上部)を表す
<nav> ―― 主要なナビゲーション(メニュー)を表す
見出し・文章を示す
<h1~h6> ―― 見出しを付ける(heading)
<p> ―― 段落ちを示す(paragraph)
文章の改行・区切りを示す
<br> ―― 文章の途中で改行する(line breake)
<hr> ―― 要素間に横罫線を表示す(horizontal rule)
文章の範囲を示す
<article> ―― 「記事」のように全体を表し書き示す
<asaid> ―― <nav>のグループ化・サイドバー・本文補足・広告の部分に使用(メイン以外)
<div> ―― 複数の要素を一括りにまとめ(division)
<main> ―― メインコンテンツの範囲を示す
<section> ――「章や節」のように記事の一部を書き示す
<span> ―― 装飾する要素の一部をまとめる(インライン要素)
文字の強調と装飾(見た目重視)
<b> ―― 注目してほしい部分を太字で表す(bold)
<bdo> ―― 文章の書き出し方向を表す(bi directional override)
<i> ―― 他の内容と違う部分(見た目)を表す(italic)
<mark> ―― 蛍光ペンで色を付け目立たせる
<ruby> ―― 文字にふりがなを付ける
<s> ―― 無効になった部分を横線で表す(strike throgh text)
<small> ―― 文字を小さく表示する(注釈向き)
<sup> ―― 上付き文字を表す(super script)
<sub> ―― 下付き文字を表す(sub script)
<u> ―― スペルミスの箇所を表す(underline)
文字の強調と装飾(意味重視)
<address> ―― 連絡先や問い合わせ先を書き記す
<abbr> ―― 略語を表す(addreviation)
<blockquote> ―― ブロック要素(長い)で引用文を表す
<cite> ―― 参照先やタイトル名を表す(citation)
<del> ―― 編集で削除した部分を横線で表す(delete)
<dfn> ―― 定義した用語を斜体で表す(difinination)
<em> ―― 強調する部分を斜体で表す(emphasis)
<ins> ―― 編集で追加した部分を表す(insert)
<q> ―― インライン要素(短い)で引用文を表す(quote)
<strong> ―― 重要な部分を太字でより強く強調する
<val> ―― 変数や因数を示す(value)
時間を示す
<time> ―― 要素内容に日付や時刻を正確に示す
ソースコード関連
<code> ―― プログラムのソースコードなどを表す
<pre> ―― ソースコード内の改行などを元の状態のまま表示する
スクリプト関連
<script> ―― スクリプトをhtmlに直接書き示す
<noscript> ―― スクリプトが動作ていないことを書き示す
html文書にコメントを示す
<!----> ―― 補足で注意書きなどを書き込んでおける。
まとめ
この記事では文章作成のための基本的なタグと、タグの持つデフォルト状態の装飾効果やその意味に関係する内容をまとめてみました。
htmlではタグの種類が約100種類もあり、その中でも文章を司るタグは以上のようなものになります。
そのほかにも、画像やリンク、表、リストなどを表示するタグがありますが、今回はここまでです。
まずは上記のタグを使って思い通りの記事を書いてみる。ということから挑戦するのもいいかもしれませんね!
最後まで読んでいただき、ありがとうございました(❁´◡`❁)