web-dev-qa-db-ja.com

全文のHTMLリンクには、リンクされたテキストにピリオドを含める必要がありますか?

HTMLでは、リンクに完全な文が使用されている場合、リンクのテキストにその最後の句読点(つまり、ピリオド)を含める必要がありますか?

次の2つの例を検討してください。

<a href="about:blank">Watch the video on YouTube</a>.

<a href="about:blank">Watch the video on YouTube.</a>

これは単に個人の好みの問題ですか、それともこれらの1つは他のものより読みやすいですか?


編集

実際のURL(一部または全体)を含めることについて、多少の混乱があり、確かに関連する議論があるようですリンクテキスト内

以下を検討してください。

<a href="...">Watch the video here.</a>
<a href="...">Watch the video on YouTube.</a>
<a href="...">Watch the video on youtube.com.</a>

3番目の例にピリオドを含めることは悪い習慣であることに、ほとんどの人が同意すると思います。リンクテキストの「.com」に関して複数期間の混乱を引き起こします。

この質問の目的のために、私は具体的にしないでくださいがリンクテキストに「.com」を含むという前の2つの例について疑問に思っています。 (「.com」なしで「YouTube」を使用することはプロキシによって依然として問題があると説得力のある主張をするかもしれませんが、そうであれば、最初の例についてのみ尋ねていると仮定しましょう:「ここでビデオを見る」。)

34
Michael

最後の句読点はハイパーリンクに含めるべきではありません。テキストが含まれている構成ではなく、ハイパーリンクされているテキストです。

他のそのような構成を検討してください:順序付けされていないリストでは、ハイパーリンクに箇条書きを含めません。順序付けされたリストでは、番号を含めません。また、ハイパーリンクのコンマ区切りリストには、内部にコンマを含めません。ハイパーリンクのいずれか。

興味深いことに、Stack Exchangeはこの使用法と矛盾しています。 「1つの新しい回答が投稿されました-新しい回答をロードしてください。」ハイパーリンクにピリオドが含まれているのに対し、「詳細については、優れた回答を書くためのヒントをご覧ください。」しません。

私は後者を好む。

25
Paul Harrap

ピリオドをリンクしないでください。

Google:句読点のリンクなし
GmailメッセージにURLを含めると、Googleは自動的にURLをリンクします。リンクに隣接する終了期間やその他の句読点は含まれません。したがって、完全な文のリンクはまだピリオドをリンクしません。 Gmail Link Punctuation

開発者インタビュー: Alex Hunter Trujillo
開発者の1人に、ターミナル期間のリンクに関する彼の意見を聞きました。喘ぎ声とヒス音の中間でしゃぶり音を出した後、彼はこう言った。

プログラマーがコードを作成するときは、構文に対する期待を満たす方法で行う必要があります。常に、終端の句読点はタグの外側にあります。 …それは良い「コード文法」です。

段落全体がリンクされている場合は、はい、最後のピリオドをリンクに含めます。ただし、1文の場合はピリオドを含めないでください。それはひどく見えます。

ただし、タイトルは別の問題です

「文章であるリンクされたタイトルはどうですか?」タイトルはまったく別物です。タイトルをリンクする場合は、例外なく、タイトル全体をリンクしてください。それはそれが文であるためではなく、タイトルのためです。

さらなる証拠…

Yahooスタイルガイド(第1版、221ページ)には次のように書かれています。

非常に短い命令文を含む完全な文であるリンクの最後には、ピリオド(またはその他の末尾の句読点)を使用します。 ただし、ピリオドはリンクしないでください。

Southern Utah Universitystyle guide でURLについてこれを述べています

URLが文を終了する場合、ピリオドを後に付けますが、ピリオドが電子出版物のハイパーリンクの一部として含まれていないことを確認します。

それでもおかしそうですか?アンカーテキストを使用して書き換え、リンクを設定します。

リンクが文の一部のみになるように文を書き直し、URLで終了しないようにします。また、アンカーテキストをできるだけ役立つものにしてください。ここではいくつかの例を示します。

文からアンカーテキストをオフに設定
これほど明確ではありませんか?

Praesent commodo cursus magna、vel scelerisque nisl consectetur et。 YouTubeでビデオを見る:

3歳によるスターウォーズ

少なくともより良いアンカーテキストを使用してください
文をリンクするだけではありません。これは読みやすくなるだけでなく、を理解しやすくなります(はい、を理解した後のピリオドはイタリックですが、ピリオドはYouTubeがリンクされていない後)

Praesent commodo cursus magna、vel scelerisque nisl consectetur et。 YouTubeでビデオをご覧ください: 歳によるとスターウォーズ

必要な場合:段落内の文リンク
本当に文章全体をハイパーリンクしますか?あなたがやる?ええと、結構です。オプション3を選択してください。

Aenean eu leo quam。 Pellentesque ornare sem lacinia quam venenatis estibulum。 Nulla vitae elit libero、pharetra augue。 YouTubeでビデオをご覧ください: 歳によるとスターウォーズ 。 Cras mattis consectetur purusがamet fermentumに座ります。

15
Taj Moore

ここでは裏付けとなる研究がないユーザーの視点のみ:

リンクが完全な文章である場合、つまり、引用のような「ネストされた」文章ではなく、完全な独立した文章である場合、ユーザーとしては、リンクの一部として句読点が表示されることを期待しています。文は単位です。 </a>で分割すると、組み込みの校正者が、括弧を含む句読点エラーと同じようにトリガーされます。 (たとえば、一部の人々は、この文の終わりに閉じかっこの外にピリオドを付けます。これは奇妙に感じられます。)この種のエラーは、私を一瞬コンテンツから引き出し、それは混乱を招きます。

一方、リンクがフレーズである場合、句読点を含むnotを期待します。たとえば、前の文の「一方で」がリンクである場合、どちらのカンマもアンカー内に属しません。

12
Monica Cellio

リンクがどの要素/コンテンツをラップしているかによります。 HTML5では <a>要素は透明なコンテンツモデルを使用します 、つまり<p>要素をラップできることを意味します。明らかに、HTML5で段落全体をリンクする場合は、句読点を含めます。

<a...>
  <p>Lorem ipsum dolor sit amet.</p>
</p>

しかし、これが無効になるHTML4では、要素の順序を入れ替えます(または無効なHTMLを使用します)。

<p>
  <a...>Lorem ipsum dolor sit amet.</a> <!-- note the punctuation on the inside -->
</p>

段落内では、どのコンテンツがリンクされているかを判断する必要があります。

独立した文は句読点を含まないが、複数の文は含まれる

<p>
  ...lorem ipsum...
  <a...>Foo said <q>Lorem ipsum dolor sit amet.</q></a>
  ...dolor sit amet...
</p>
<p>
  ...lorem ipsum...
  Foo said <a...><q>Lorem ipsum dolor sit amet.</q></a> <!-- could be <q><a> -->
  ...dolor sit amet...
</p>
<p>
  ...lorem ipsum...
  Foo said <q>Lorem ipsum <a...>dolor sit amet</a>.<q>
  ...dolor sit amet...
</p>

だからあなたの質問に答えるために、もしあなたの文章が:

Watch this video on YouTube.

次のように構造化すると意味があります。

<a...>
  <p>Watch this video on YouTube.</p>
</a>

すべてをリンクします。

代わりに、それは:

Lorem ipsum dolor sit amet. Watch this video on YouTube. Lorem ipsum dolor sit amet.

私はそれを次のように構成します:

<p>
  Lorem ipsum dolor sit amet. <a...>Watch this video on YouTube</a>. Lorem ipsum dolor sit amet.
</p>

そして、複数の文の場合:

<p>
  <a...>Lorem ipsum dolor sit amet. Watch this video on YouTube.</a> Lorem ipsum dolor sit amet.
</p>
11
zzzzBov

実際の影響は非常に小さいため、これは大きな問題ではありません。論理的には、文が完全であることを示すため、文末の句読点を含めることをお勧めします。これは、たとえば、ユーザーがページ上のすべてのリンクのブラウザー生成リストを使用する場合に役立ちます(いくつかの支援ソフトウェアまたはプラグインを使用する場合に可能)。

表記上の考慮事項は、同じ異なる方向を指します。多くのタイポグラファーは、Wordの直後に続く句読文字はWordと同じスタイルで表示されるべきだと考えています。単語が斜体の場合は斜体。リンクの場合、これは句読点文字がリンクの色で下線が引かれている(またはリンクに使用されている他のスタイルに従う必要がある)ことを意味します。活版印刷の観点から、これは句読文字が論理的にリンクテキストの一部ではなく、たとえばカンマ、または文末の1つの単語の後のピリオド。

4

特に上記の例のようにURLが文の最後にある場合は、これは悪い習慣だと思います。

<a href="#">Do your taxes at Irs.gov.</a>

これは、誰かがあなたのリンクをクリックするのではなく、URLをC&Pした場合に問題を引き起こす可能性があります。確かに、ピリオドがリンクの外にある場合でもピリオドをコピーする可能性はありますが、技術に精通していないと、ピリオドがURLの一部であると考える可能性は低くなります。

リンクにピリオドを含めることを強く希望する場合は、次のように注文を少し変更する必要があります。

<a href="#">Visit YouTube to watch the video.</a>
2
aslum

哲学については、私たちが好きなだけ議論することができますが、実用的な側面として、URLのテキストをピリオドで終了すると、その有用性が失われるだけです。

ピリオドは有効なURL文字であるため、真の自然言語パーサー(人間など)のみが、URLエンティティの内外を正しく判断します。私が試したすべてのブラウザーと電子メールクライアントには、リンクの一部としてピリオドが含まれています。また、テキストフィールドをダブルクリックしてコピーすると、(同じ理由で)ピリオドが含まれます。ただし、サーバーには、ピリオドで終わる対応するファイル名がないため、リクエストを処理します。

2
David

あなたの例から始めます:(最後にもっと良い例を見てください。)

リンクに文全体の内容が含まれていない場合。

視聴 ビデオはこちら
見る YouTubeのビデオ
見る youtube.comのビデオ

...リンクのテキストには関係がないため、ストップを含めないことは理にかなっています。

リンクに文全体のコンテンツが含まれている場合。

こちらのビデオをご覧ください
YouTubeでビデオを見る
youtube.comでビデオを見る

...そして最後の文字が別のスタイルにならないようにストップを含めるのは理にかなっています。

文をさまざまなリンクに分割した場合。
(良い例を意図したものではありません)

ビデオを見る on YouTube
ビデオを見る on youtube.com

...最初のルールが適用されます。

より良い例は:

イベントに参加できなかった方は、 こちらのビデオをご覧ください
または、次のことができます こちらのビデオガイドをご覧ください
次のことができます 動画ガイドをご覧くださいFAQをお読みください または メタで質問

1
Danny Varod

あなたはここでいくつかの良い答えを得ました、そして私はほとんどの人がリンクの外にそれをリンクの外に持っているとして完全な停止を持つことについて言ったことに同意します(そしてあなたのテキストがあなたのリンクと同じ色でない限り完全な停止は異なる色です)、それは突然の色の変化であり、一つの答えが指摘したように、それは文法にこだわっている人にとって一種の不快感です。ただし、リンクテキストがウェブサイトのアドレスで終わっている場合など、ルールには例外があります。例:

<a href="http://www.google.com">My favorite search engine is **www.google.com.** </a> 

ほとんどのユーザーはリンクをクリックするだけかもしれませんが、参照用にアドレスをコピーしたり、歓迎されない追加になります。

メールの場合も同様です。

<a href="mailto:[email protected]">Send me an email at [email protected].</a>、システムにメールクライアントが設定されておらず、メールをコピーすることを選択した場合、最後にフルストップでメールをコピーする可能性があります。

1
Mervin

私はリンクに関して2つの最初の考えを持っています。 「ここをクリック」は使用できなくなったので(うまくいけば!)、リンクは目的地の説明と検索エンジンの説明になります。この場合の句読点によってリンクに値が追加されることはないので、含まれません。上記の回答と組み合わせて、私はDNIパスに投票します。

0
Brad Hutchison

視覚的な理由から、リンクから期間を除外する傾向があります。リンクにピリオドを含めると、文の句読点が視覚的に不鮮明になり、文の明瞭さがわかりません。それは小さなポイントですが、プライマリインターフェースを明確にすることは、私にとって最も理にかなっています。

0
holling