标签嵌套规则
-
块元素可以包含内联元素或某些块元素,但反之不行
<div><h1></h1><p></p></div> 可 <a href=""><span></span></a> 可 <span><div></div></span> 不可
-
块级元素不能放在
<p>
里面<p><ol><li></li></ol></p> 不可 <p><div></div></p> 不可
-
不可有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
h1
、h2
、h3
、h4
、h5
、h6
、p
、dt
-
块级元素与块级元素并列,内嵌元素与内嵌元素并列
<html><h2></h2><p></p></html> 可 <html><a href=""></a><span></span></html> 可 <div><h2></h2><span></span>></div> 不可
标签属性
通用属性
- id:给标签取标识名称
- class:给标签取类名
- style:设置标签行内样式
- title:鼠标移动至该位置时,显示提示内容
自定义属性
格式:data-*
用于传值或图片懒加载等
<img data-src="图片名" alt="提示文本"/>
<p data-id=""></p>