块元素 和 行内元素
标签,又叫 元素
元素分为两类:(暂不考虑 inline-block)
- 块元素 block
- 独占一行, 排斥其他元素(包括块元素和行内元素)与其位于同一行
- 内部 可以容纳 其他块元素和行内元素
- 例如:
- p
- div
- hr
- ol
- ul
- h1 - h6
- ...
- 行内元素 inline
- 可以和其他行内元素 位于同一行
- 内部 可以容纳其他行内元素, 不可以容纳 块元素
- 例如:
- strong
- em
- a
- span
- ...
空格
- 1个汉字 约等于 3个
- 段落首行缩进,需要插入 6个
特殊符号
都以
&
开头,以;
结尾 分为两类:
- 容易通过输入法输入,不必用代码实现
名称 | 符号 | 代码 |
---|---|---|
双引号(英文) | " | " |
左单引号 | ‘ | ‘ |
右单引号 | ’ | ’ |
乘号 | × | × |
除号 | ÷ | ÷ |
大于号 | > | > |
小于号 | < | < |
“与”号 | & | & |
长破折号 | — | — |
竖线 | | | | |
- 难以通过输入法输入,需要用代码实现
名称 | 符号 | 代码 |
---|---|---|
分节符 | § | § |
版权符 | © | © |
注册商标 | ® | ® |
商标 | ™ | ™ |
欧元 | € | € |
英镑 | £ | £ |
日元 | ¥ | ¥ |
度 | ° | ° |
静态页面 和 动态页面
静态页面,基本由以下内容组成:
- 文字
- 图片
- 超链接
- 音频和视频
动态页面和静态页面的区别:是否与服务器进行数据交互
- 不是“会动”的的页面就叫动态也蛮
- 即使使用了Javascript,也不是动态页面。除非用到了后端技术
自闭合标签
- br
- hr
- meta
- link
- input
- img
不能插入 其他标签 或 文字
HTML 语义化
- 在HTML里,大部分标签都有自身的语义
- div 和 span 是无语义标签
- 我们应该使用其他有语义的标签
语义化 对于 搜索引擎优化 (SEO)也极其重要