WEB笔记-1、HTML 标记与文档结构

1、HTML 标记与文档结构

 

1.1 块级（block）和行内（inline）标签

 

块级标签

• <h1>-<h6> : 6级标签，h1表示最重要（h1 不仅仅是最大最突出的标题，搜索引擎也将其视为仅次于<title> 标签的另一个搜索关键词的来源）
• <p>: 段落
• <ol>: 有序列表
• <li>: 列表项
• <blockquote>: 独立引用

行内标签

• <a>: 连接（anchor，锚）
• <img>: 图片
• <em>: 斜体
• <strong>: 重要
• <abbr>: 简写
• <cite>: 引证
• <q>: 文本内引用

 

1.2 标题与段落

 

标题：h1-h6

段落：p

 

1.3 复合元素

标题、图片、段落等属于基本内容标记

表格、列表、表单等组件属于复合元素

 

1.4 嵌套元素

嵌套元素需要注意的是不能违反嵌套规则

<p><em></em></p>   yes

<p><em></p> </em>  no

 

1.5 块级元素和行内元素

文档流：HTML会按照他们各自在标记中出现的先后顺序，依次从页面上方“流向”页面下方

几乎（注意这里只是几乎）所有HTML元素的 display 属性值要么为block要么为inline，比较明显的一个例外是table元素，它有自己特殊的display属性。

 

块级元素（比如标题和段落）会相互堆叠在一起沿页面向下排列，每个元素分别占一行（块级元素会默认扩展到和父容器一样宽）；

行内元素（比如链接和图片）会相互并列，只有在空间不足以并列的情况才会折到下一行显示。

 

HTML实体

HTML实体常用于生成那些键盘上没有印刷的字符，比如。HTML实体以一个和号（&）开头，一个分号（；）结尾，二者之间是表示实体的字符串。“&ldquo”"&rdquo"左右双引号