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

php中世界最好的语言
リリース: 2018-01-10 09:57:09
オリジナル
4685 人が閲覧しました

今回は、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 サイトの他の関連記事にも注目してください。

関連書籍:

H5 および C3 と互換性のない古いバージョンのブラウザへの対処方法について

不人気な H5 デザインの 12 のヒント

postMessage を使用して 2 つの間の接続を実現する方法H5 パス データの Web ページ

以上がH5 のすべての要素と基本文法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!