标签写法探讨
1.1、元素标记的省略(在 html5 里面有的标记是可以省略不写的)
1)不允许写结束标签的元素
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,
track,wbr。
这些标签都是单标签例如：br 标签，不可以这样
，只能
这样来关闭
标签。
2)可以省略结束标记的元素有：
li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
3)可以省略全部标记的元素有
html,head,body,colgroup,tbody
1.2、具有 boolean 值得属性
例如：disabled,readonly，checked 等
只写属性而不写属性值得时候 当做 ture
不写属性表示 false
1.3、属性值的引号可以省略
要求：属性值不包含 空字符串，<，>，=， ‘， “
注意：养成良好的代码习惯，可以为你节约不少时间! 标签嵌套探讨
1.html 规定我们必须要嵌套着写的标签
例如：页面头部是嵌套在 head 标签里面的，主体内容都是嵌套在 body 标签里面的
表单的内容是嵌套在 form 标签里面的，dt、dd 是嵌套在 dl 标签里面的，li 是嵌套到
ul 标签里面的，等等…
2.块级元素可以嵌套内联元素，但是内联元素不能包含块元素
我是一个 span 元素 —— 对
p 元素 —— 错
3.内联元素可以嵌套内联元素
—— 对
4.块级元素与块级元素嵌套注意点
1)p 块级元素是一个容器，几乎可以存放任何常用标签，包括自己，我们为什么要
使用 p 来嵌套标签?这个问题可以用用我们国家的省份划分来解释，国家需要划
分不同的省份来利于管理，那么我们 html 页面也是的，整个 html 文档元素太多，
我们需要使用 p 标签将页面划分成不同的块，这样可以对每块进行分开管理
2)块级元素不能放在 p 标签里面
—— 错
—— 错
3)li 内可以包含 p 标签，这一条其实不必单独列出来的，但是许多人对此有些疑惑，
就在这里略加说明
li 和 p 标签都是装载内容的容器，地位平等，没有级别之分(例如：h1、h2 这样
森严的等级制度^_^)，要知道 li 标签连它的父级 ul 或者是 ol 都可以容纳的，为什
么有人会觉得 li 偏偏容纳不下一个 p 呢?别把 li 看得那么小气。
之所以有人感觉 li 里面不能嵌套 p 可能是 li 是两个字母看上去没 p 三个字母那么宽
吧，虽然 li 看起来瘦小，胸怀却是很大!
最后：块级元素与内联元素之前是可以相互转化的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>标签写法以及嵌套的探讨</title>
</head>
<body>
<br />
<ul>
<li>苹果
<p></p>
</li>
<li>鸭梨</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
<form>
<input id='input"1' type=text disabled="disabled" />
</form>
<p>
<p>
<p>
<ul>
<li>
网友A：你这个话说的不对！
<ul>
<li>
网友B：我感觉挺对的！
<ul>
<li>网友A：你懂个屁!</li>
</ul>
</li>
</ul>
</li>
</ul>
</p>
</p>
</p>
</body>
</html>
