首頁 >web前端 >H5教程 >H5的所有元素及基本語法歸納

H5的所有元素及基本語法歸納

php中世界最好的语言原創: 2018-01-10 09:57:094748瀏覽

這次帶給大家H5的所有元素及基本語法歸納，H5的元素及基本語法使用的注意事項有哪些，下面就是實戰案例，一起來看一下。

HTML標籤
開始標籤(opening tag):開放標籤
結束標籤(closing tag):閉合標籤

元素
定義： HTML元素指的是從開始標籤到結束標籤的程式碼（元素以開始標籤為起始以藉宿標籤終止）
元素的內容：元素的內容指的是開始標籤與結束標籤之間的內容

元素的特性：
1，大多數HTML元素可巢狀（可以包含其他的HTML元素）
2，HTML文件有巢狀的HTML元素構成
3，不要忘記結束標籤，未來的HTML版本不允許省略結束標籤
4，空的html元素
5，沒有內容的html元素稱為元素的空內容，空元素是在開始標籤中關閉的
注意：
空元素和空內容的區別：空元素的開始標籤和結束標籤是相同的，注重的是標籤。空內容指的是元素內的內容是空的，注重的是內容。

HTML基本結構
aba7b36f87decd50b18c7e3e3c150106:不是標籤，只是用以聲明幫助瀏覽器正確地現實網頁
93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1元素是所有頭部元素的容器
e8e496c15ba93d81f6ea4fe5f55a2244標籤永遠位於head元素中，標籤提供關於HTML文件的元資料
c9ccee2e6ea535a969eb3f532ad9fe89標籤用於為HTML文件定義樣式資訊
b2386ffb911b14667cb8f0f91ea547a7b25a9407cfe693f10872c2a72988c045定義文件的標題
6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956之間的文字是網頁課件的內容
100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e之間的文字描述網頁

HTML屬性
html標籤可以擁有屬性，屬性提供更多關於html元素的資訊
屬性總是以名稱/值對的形式出現
屬性值應該總是包含在括號內，雙引號是最常見的，不過使用單引號也沒有問題

HTML註釋
可以在程式碼中插入註釋，提高程式碼的可讀性，註解不會顯示在頁面中，瀏覽器會忽略它們
格式：e32ee7f58668a69603ca4d1b2b5f53b3

<!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中文網其它相關文章！