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 ログイン認証の実装

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

推薦する

写真のプレビューとアップロード機能を実現するhtml+css+js

はじめに: Web ページを作成するときに、画像をアップロードする必要がある場合がよくあります。画像...

Linux環境にJDKとTomcatをインストールする詳細な手順

目次1. JDKをインストールする手動インストール2. トムキャット1. JDKをインストールする注...

Vue 要素と Nuxt の使用に関するヒントを共有する

1. 要素時間選択提出フォーマット変換例えば 2018年9月7日金曜日 00:00:00 GMT+0...

Vueは画像のズームとドラッグをサポートするリッチテキストエディタを統合しています

必要:ビジネス要件によると、写真をアップロードできる必要があり、アップロードされた写真はモバイル端末...

Windows サービス 2012 Alibaba Cloud サーバーで MySQL をビルドするときに msvcr100.dll ファイルが見つからないという問題を解決します

解決策1: msvcr100.dll ファイルをダウンロードし (インターネットからソース ファイル...

nginx+FastDFS を使ってファイル管理システムを段階的に構築する

目次1. FastDFS の概要1. はじめに2. FastDFSストレージ戦略3. FastDFS...

JS WebSocket 切断理由とハートビートの仕組みの詳しい説明

1. 切断理由WebSocket が切断される理由は多数あります。WebSocket が切断されたと...

CSS を使用して 3 列のアダプティブ レイアウト (両側は固定幅、中央はアダプティブ) を実現します。

いわゆる 3 列適応レイアウトとは、両側の幅が固定され、中央のブロックの幅が適応されることを意味しま...

さまざまな MySQL テーブルソートルールのエラーの分析

MySQL が複数のテーブルを結合するときに、次のエラーが報告されます: [Err]1267 – 操...

Linuxはlsofコマンドを使用してファイルのオープンステータスを確認します

序文Linux では「すべてがファイル」であることは誰もが知っているので、ファイルのオープン状態を確...

Linuxでサーバーのハードウェア情報を表示する方法

みなさんこんにちは。今日は12連休ですが、何かお買い物はしましたか?今日は「Linux View S...

ウェブページの読み込み進捗状況バーの詳細な説明(推奨)

(Web ページの読み込み中に、コンテンツが多すぎて読み込みと待機が続くことがあります。このとき、...

WebプロジェクトをIdeaにインポートし、Tomcatに公開する問題を解決します

Idea は既存の Web プロジェクトをインポートして Tomcat に公開しますが、Tomcat...

イメージを再構築せずにDockerにポートを動的に追加する方法

操作中に Docker コンテナの公開ポートを変更または追加する必要がある場合がありますが、実行中の...

複数レベルの複雑な動的ヘッダーの avue-crud 実装例

目次序文バックグラウンドデータの結合フロントエンドデータ表示ページ効果表示Avue.js は、既存の...