TIL. 20 HTML - Semantic web, Semantic tag

2188 ワード
semantic tag semantic web CSS background image html テキストリンク

🎈 一般WebとコンピュータWeb

  • semantic webインテリジェントネットワークは、単純に機械に単語を提供するのではなく、理解可能な形式で作成されたネットワークである.△『バナナ、黄色』というバナナではなく、『バナナ、色、黄色』というバナナの色は黄色です.
  • non-semantic tag div、spanなどのタグは、何の説明もないタグです.
  • semantic tag符号タグとは、form、table、imgなどの内容の意味を明確に説明するタグである.
    • たとえば、
    <div id="header">는 시맨틱 태그로 <header>라고 표현할 수 있다.
  • HTML 5には、文章、aside、フッター、ヘッダー、main、navなどの意味が明確なマークが表示されています.

    • 🎈 背景画像を挿入する方法が違います(HTML、CSS)

  • img vs div background-image imgタグを使用すると、altプロパティに文字列を配置してユーザーに情報を渡すことができます.cssを使用すると、単純な画像添付ファイルにすぎません.問題が発生した場合は、情報は含まれません.

  • 要するに、画像がユーザに露出し、関連情報を提供しなければならない場合、imgを用いることが好ましく、純粋な装飾のためにcssを用いることが好ましい.
    • HTML 태그로 표현한 이미지

<img alt="error" src="https://www.w3schools.com/whatis/img_js.png">
    CSS로 표현한 이미지

.bg-img {
  background-image: url("https://www.w3schools.com/whatis/img_js.png");
  width: 150px;
  height: 170px;
  background-size: 100%;
}
    以上の2つの方法で表現される画像コードは異なるが、同じである.
    Oracleデータベースのgroupby:カスタム・ルールでグループ化
    rman不良ブロックをスキップしてデータリカバリを行う