【从0到1 HTML + CSS】4章39页 零碎的概念:【块元素和行内元素】【特殊符号】【动态页面和静态页面】【自闭和标签】【语义化】

73 阅读2分钟

块元素 和 行内元素

标签,又叫 元素

元素分为两类:(暂不考虑 inline-block)

  • 块元素 block
    • 独占一行, 排斥其他元素(包括块元素和行内元素)与其位于同一行
    • 内部 可以容纳 其他块元素和行内元素
    • 例如:
      • p
      • div
      • hr
      • ol
      • ul
      • h1 - h6
      • ...
  • 行内元素 inline
    • 可以和其他行内元素 位于同一行
    • 内部 可以容纳其他行内元素, 不可以容纳 块元素
    • 例如:
      • strong
      • em
      • a
      • span
      • ...

空格

 

  • 1个汉字 约等于 3个  
  • 段落首行缩进,需要插入 6个 

特殊符号

都以&开头,以;结尾 分为两类:

  1. 容易通过输入法输入,不必用代码实现
名称符号代码
双引号(英文)""
左单引号‘
右单引号’
乘号××
除号÷÷
大于号>>
小于号<&lt;
“与”号&&amp;
长破折号&mdash;
竖线|&#124;
  1. 难以通过输入法输入,需要用代码实现
名称符号代码
分节符§&sect;
版权符©&copy;
注册商标®&reg;
商标&trade;
欧元&euro;
英镑£&pound;
日元¥&yen;
°&deg;

静态页面 和 动态页面

静态页面,基本由以下内容组成:

  • 文字
  • 图片
  • 超链接
  • 音频和视频

动态页面和静态页面的区别:是否与服务器进行数据交互

  • 不是“会动”的的页面就叫动态也蛮
  • 即使使用了Javascript,也不是动态页面。除非用到了后端技术

自闭合标签

  • br
  • hr
  • meta
  • link
  • input
  • img

不能插入 其他标签 或 文字

HTML 语义化

  • 在HTML里,大部分标签都有自身的语义
  • div 和 span 是无语义标签
  • 我们应该使用其他有语义的标签

语义化 对于 搜索引擎优化 (SEO)也极其重要