H5 のすべての要素と基本文法の概要-H5 チュートリアル-php.cn

ホームページ

ウェブフロントエンド

H5 チュートリアル

H5 のすべての要素と基本文法の概要

php中世界最好的语言

Jan 10, 2018 am 09:57 AM

html5 文法

今回は、H5 のすべての要素と基本構文の概要をお届けします。H5 の要素と基本構文を使用する際の注意事項について、実際のケースを見てみましょう。

HTMLタグ

開始タグ: 開始タグ
終了タグ: 終了タグ

要素

定義:
HTML要素は、開始タグから終了タグまでのコードを指します(要素はで始まりますタグはで始まります) 要素の内容: 要素の内容は、開始タグと終了タグの間の内容を指します

要素の特徴:

1. ほとんどの HTML 要素はネストできます (他の要素を含めることができます)。 HTML 要素)
2、
HTML ドキュメントはネストされた HTML 要素で構成されています3、終了タグを忘れないでください。将来の HTML バージョンでは終了タグを省略できなくなります
4、空の HTML 要素
5、コンテンツのない HTML 要素空要素は開始タグ内で閉じられています。
空要素と空コンテンツの違い: 空要素の開始タグと終了タグは同じです。タグにあります。空のコンテンツは、要素内のコンテンツが空であり、フォーカスがコンテンツにあることを意味します。

HTML の基本構造

: タグではなく、ブラウザーが Web ページを正しく表示するための単なるステートメントです

要素はすべての head 要素のコンテナです
< ;meta> タグは、HTML ドキュメントに関するメタデータを提供します。は、HTML ドキュメントのスタイル情報を定義するために使用されます。ドキュメントのタイトル /body> 間のテキストは Web ページのコースウェアのコンテンツです
常に名前と値のペアの形式で表示されます
属性値は常に括弧で囲む必要があります、二重引用符が最も一般的ですが、一重引用符を使用しても問題ありません

HTML コメント

コードの読みやすさを向上させるためにコードにコメントを挿入できます。コメントはページに表示されず、ブラウザーは無視します

形式:

<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>无标题文档</title>  
<style>  
  
#box1{   
    background-color:red;   
}   
.div1{background:yellow;}   
.div2{border:1px solid #000;}   
  
</style>  
</head>  
  
<body>  
  
<!-- id只能是唯一的 -->  
<div style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></div>  
    
  
<!--class可以是多个的-->  
<div  style="width:100px; height:100px;"  class="div1 div2" ></div>  
  
<!--class可以是多个的-->  
  
<a href="#" title="我是一个提示信息">我是一个链接</a>  
  
</body>  
</html>

ログイン後にコピー

これらの事例などを読んだ後は、この方法を習得したと思います。とても興味深いですね。php 中国語 Web サイトの他の関連記事にも注目してください。