プログラミングをしているとHTMLに触れる機会はよくあります。そういったHTMLタグ（<b>など）の名前から英単語を覚えてみましょう。
記事の英語難易度は「初〜中級」です。
前回と今回では、これまで紹介した以外のタグ名を取り上げています。
＜hr＞
<hr>はもともと「horizontal rule」の略です。
まずhorizontalは「水平の」という形容詞です。反意語はverticalで「垂直の」です。
次にruleは「罫線」という名詞です。つまり、horizontal ruleで「水平に引かれた罫線」となります。
なおruleは多義語で、「規則」、「ものさし」という名詞や「支配する」という動詞がよく知られています。
▼ HTMLのサンプル
<p>こんにちは。</p>
<hr>
<p>さようなら。</p>▼ 実際の表示
こんにちは。
さようなら。
＜iframe＞
<iframe>は「inline frame」のことです。
まずinlineは「インラインの」という形容詞で、プログラミング必須英単語600+でアドバンスト300に入っています。なお「インライン」とはテキスト内に埋め込む形を指します。続くframeは「枠、フレーム」という名詞です。
つまりinline frameは（ページに）埋め込まれた枠のことです。下記のサンプルを見ると、YouTubeの動画が1つの枠として本ページに埋め込まれています。
▼ HTMLのサンプル
<iframe width="336" height="189" src="https://www.youtube.com/embed/LrdKeT41MZk?controls=0"></iframe>▼ 実際の表示
＜noscript＞
<noscript>は「no script」のことです。
scriptは「スクリプト」という名詞で、プログラミング必須英単語600+でベーシック300に入っています。
noscript要素は、スクリプトが無効（no）の場合に表示される部分を指定します。下記サンプルでは、ブラウザーでスクリプト（JavaScript）がオンであれば、noscript要素は表示されません。しかしオフであれば、noscript要素内の「★JavaScriptがオフになっています。★」というテキストが表示されます。
HTMLのサンプル
<html>
<head></head>
<body>
<noscript>★JavaScriptがオフになっています。★</noscript>
<p>こんにちは。</p>
</body>
</html>▼ 実際の表示
＜script＞
<script>はそのまま「script」です。scriptは前述の通り、「スクリプト」という名詞でベーシック300の英単語です。
script要素はHTMLページ内にスクリプトを記述したり、外部のファイルから読み込んだりする際に使います。下記のサンプルでは、スクリプトを使って5+8の計算をし、span要素内に結果を表示しています。
▼ HTMLのサンプル
<p>5+8は「<span id="myOutput"></span>」です。</p>
<script>
var output = document.getElementById('myOutput');
output.innerText = 5+8;
</script>▼ 実際の表示
5+8は「」です。
＜template＞
<template>も文字通り「template」です。「テンプレート」という名詞で、ベーシック300の英単語です。
template要素はJavaScriptが使うテンプレートとなります。テンプレート自体はブラウザー上で表示されません。サンプルではリスト項目（li要素）をテンプレートとしており、この書式にJavaScriptがデータを挿入し、箇条書きリストなどに追加して使います。
▼ HTMLのサンプル
<template id="myTemplate">
<li></li>
</template>英単語まとめ
- horizontal【形容詞】水平の
- 反意語は「vertical」で「垂直の」
- rule【名詞】罫線
- 他に「規則」「ものさし」という名詞、「支配する」という動詞も
- inline【形容詞】インラインの
- アドバンスト300
- frame【名詞】枠、フレーム
- script【名詞】スクリプト
- ベーシック300
- template【名詞】テンプレート
- ベーシック300
[筆者紹介]
