HTMLの水平線注釈とコードコメントの使い方をマスターするだけです

HTMLの水平線注釈とコードコメントの使い方をマスターするだけです

水平線
<hr /> タグを使用して、現在の位置に水平の分割線を描画します。
例:

XML/HTML コードコンテンツをクリップボードにコピー
  1. < p >メインコンテンツ</ p >   
  2. <時間  />   
  3. < p >下部コンテンツ</ p >   

水平線は、さまざまなコンテンツ部分を効果的に分離し、階層感覚を与えることができます。
ヒント:
CSS は DIV やその他のブロック要素の境界線の書式設定に使用できるため、ブロック要素の境界線の幅を設定することで水平線効果を実現することがよくあります。ただし、<hr /> タグを完全に置き換えることはできません。

HTMLコメント
XHTML コメント タグは特別なタグです。名前の通り、XHTML ドキュメント内のコンテンツにコメントするために使用されます。もちろん、ブラウザには表示されません。 注釈タグは次のとおりです。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!—ここにコメントを記入してください-- >   
  2. 例:
  3. < div   id = "nav" > <!--nav 開始 -->   

知らせ:
開始左括弧の後には感嘆符があります。また、「//」や「/*」などの他の言語のコメントを記述しないでください。
ヒント:
適切にコメントを追加するのは良い習慣です。コメントを追加したい場所にコメントを追加できるので、作成した HTML ドキュメントは読みやすく、保守も容易になります。

<<:  vue-nuxt ログイン認証の実装

>>:  ウェブフロントエンドウェブ開発の一般的なプロセスの簡単な紹介

推薦する

MySQL のフィールドにデフォルトの時間を追加する方法

日付型の違いと用途MySQL には、日付、時刻、年、日付時刻、タイムスタンプの 5 つの日付タイプが...

Nginx 500 内部サーバーエラーの解決方法

今日、Nginxを使っていたら500エラーが発生しました。エラーコードを検索してみんなに共有しました...

VMware での Ubuntu Docker のインストール (コンテナ構築)

1. マインドマップ 2. コンテナの構築方法2.1 実験環境の準備(1)環境選択管理ツール: D...

Dockerがコンテナを作成した後にホスト名を変更する詳細なプロセス

後悔を癒す薬は世の中にある、考えてみる気さえあれば!コンテナを再作成する必要はもうありません。 m2...

nginx+lua を使用した単一マシンでの何万もの同時接続の実装

nginx は弊社で最もよく使用されるサーバーで、コンテンツ配信やリバース プロキシによく使用されま...

mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル

公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...

データベースクエリ、どのオブジェクトにどのフィールドが含まれているか、メソッドステートメント

データベースは、どのオブジェクトにどのフィールドが含まれているかを照会します。 *を選択 sysob...

CSS 要素で計算されたスタイルを取得します (カスケード/最終スタイル後)

CSS 要素内の計算されたスタイル (つまり、カスケード後の最終的なスタイル) を取得するには、W3...

Quickjs は JavaScript サンドボックスの詳細をカプセル化します

目次1. シナリオ2. 基盤となるAPIを簡素化する2.1 自動的に破棄を呼び出す2.2 VM値を作...

フレックスボックスレイアウトの最終行の左揃えの実装アイデア

フレックスレイアウトを使用すると、9つの正方形のグリッドであれば、図に示すように均等に分割できます。...

WeChatアプレットを使用して天井効果を実現する方法の例

目次1. 実装2. 問題点3. より良い実装方法があるかどうか検討する要約する背景は日付のタイトルで...

$remote_addr に基づく nginx フロントエンド配布方法の詳細な説明

要件は次のとおりです。ドメイン名の下に複数のサーバーがあります。現在、特定の地域をテストしています。...

MySQL 5.7.17 とワークベンチのインストールと設定のグラフィックチュートリアル

この記事では、MySQL 5.7.17ワークベンチのインストールと設定方法を参考までに紹介します。具...

MySQL で期限切れのデータレコードを定期的に削除する簡単な方法

1. MySQL に接続してログインしたら、まず MySQL でイベント機能が有効になっているかどう...

シンプルなログインページを実装するための HTML+jQuery

目次導入公開コード(バックエンドインターフェース)例 1: 最もシンプル (純粋な HTML)コード...