HTML / CSS

キーボードナビゲーションは、マウスやタッチスクリーンの代わりにキーボードを使用してウェブサイトやアプリケーションを操作する方法です。これは、身体的な障害があるユーザーや、マウスを使わずに効率的に作業を行いたいユーザーにとって特に重要です。

SEO（検索エンジン最適化）は、ウェブページの可視性を検索エンジンの結果ページ（SERP）で高める一連の戦略、技術、プロセスのことです。SEOの目的は、検索エンジンによるウェブサイトのランキングを向上させ、より多くのトラフィックを獲得することにあります。これはオーガニック（非支払い）検索結果でのプレゼンスを高めるために行われます。

スクリーンリーダーは、視覚障害者や読字障害者などのユーザーがコンピューター画面上のテキストを読むのを支援するソフトウェアです。このソフトウェアは、画面上のテキスト情報を音声情報に変換し、ユーザーに読み上げることで情報を提供します。

ウェブアクセシビリティとは、一言でいうと「できるだけ多くの人が、状況や能力にかかわらず、ウェブサイトやウェブサービスを利用できるようにすること」です。「アクセシビリティ」という言葉には「アクセスしやすさ」「利用しやすさ」という意味があり、ウェブアクセシビリティはそれをインターネット上のページやアプリケーションに当てはめた考え方になります。

HTMLは大文字小文字を区別しないため、技術的には要素名や属性名を大文字または小文字で書くことができます。大文字と小文字どちらを使用すべきか検討します。

HTMLにおける属性名とは、要素（タグ）に対して追加の情報を与えるための「名前付きの設定項目」のようなものです。タグだけでは表現しきれない詳細な指定を補うための仕組みであり、Webブラウザがページを正しく解釈し、期待した動作を行うために欠かせない存在です。たとえば、<a>タグに対してリンク先を示すhref属性や、画像を表示する<img>タグに対するsrc属性などが挙げられます。これらはタグ単体では意味が不完全であり、属性によって初めて具体的な動作が決まるという特徴があります。

HTMLの学習を始めると、まず「タグ」という言葉に出会いますが、実際のWebページづくりでは「タグ」だけでなく「属性（attribute）」と「属性値（attribute value）」を理解することがとても重要になります。属性とは、タグに対して追加の情報を与えるための「項目名」のようなもので、属性値とは、その項目に実際に設定する「具体的な値」のことを指します。たとえば、<a href="https://example.com">リンク</a> というコードでは、href が属性、"https://example.com" が属性値です。このように、属性と属性値はセットで使われ、タグの動作や見た目を細かく指定できる仕組みになっています。

HTML属性とは、HTMLタグに「追加の情報」や「細かな設定」を与えるための情報のことです。HTMLタグだけでも最低限の構造は表現できますが、属性を組み合わせることで、より意味の伝わるページや、見た目や動きをコントロールしやすいページを作成できるようになります。たとえば、リンク先のURLを指定したり、画像の説明文を指定したり、ボタンに名前を付けたりといったことは、すべて属性によって行われます。

HTMLで画像を表示したいときに使用するタグが「imgタグ」です。imgタグは、文章の中に画像という情報を差し込むための要素であり、Webページを視覚的に分かりやすく、魅力的にするために欠かせない存在です。テキストだけでは伝わりにくい内容を、図解や写真、イラストなどの画像によって補足することで、より多くのユーザーにとって理解しやすいページを作ることができます。

HTMLの <img> タグにおける src 属性（sourceの略）は、画像のソースファイルの位置を指定するために使用されます。これは画像ファイルのURLをブラウザに伝え、その場所から画像を読み込み、ウェブページに表示するためのものです。