DIV標籤的命名和一些規則
阿新 • • 發佈：2019-02-05
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style>
.erge{
list-style:none;
}
.red{
color:red;
}
<!--這種方法通過標籤名稱，-->
#egc{
color:blue;
}
#abc{
color:blue;
}
</style>
</head>
<!--DIV標籤：相當於一個容器可以裝圖片文字，等前面學過的標籤都應該放在DIV盒子裡盒子模型-->
<!--HTML中的標籤命名-->
<div class="name"></div><!--class命名可以重複出現，就像人的名字一樣-->
<div id="idname"></div><!--id在頁面中只能唯一 ，就像人的身份證-->
<!--標籤命名只能用英文，或拼音、小寫、不以數字開頭命名-->
<!--儘量使用有語意的英文或拼音命名；根據功能來命名-->
<!--nav導航 menu選單 footer頁尾 search 搜尋-->
<ul type="square">
<li>我是第一個</li>
<li class="erge red">我是第二個</li>
<li id= "egc"> 我是第三個</li>
<li id="abc">我是第四個</li>
</ul>
<body>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
<style>
.erge{
list-style:none;
}
.red{
color:red;
}
<!--這種方法通過標籤名稱，-->
#egc{
color:blue;
}
#abc{
color:blue;
}
</style>
</head>
<!--DIV標籤：相當於一個容器可以裝圖片文字，等前面學過的標籤都應該放在DIV盒子裡盒子模型-->
<!--HTML中的標籤命名-->
<div class="name"></div><!--class命名可以重複出現，就像人的名字一樣-->
<div id="idname"></div><!--id在頁面中只能唯一 ，就像人的身份證-->
<!--標籤命名只能用英文，或拼音、小寫、不以數字開頭命名-->
<!--儘量使用有語意的英文或拼音命名；根據功能來命名-->
<!--nav導航 menu選單 footer頁尾 search 搜尋-->
<ul type="square">
<li>我是第一個</li>
<li class="erge red">我是第二個</li>
<li id= "egc"> 我是第三個</li>
<li id="abc">我是第四個</li>
</ul>
<body>
</body>
</html>