Frontend-Day1——html

iframe元素

• 嵌套网页
• 许多网页禁止嵌套(网页中返回体中有iframe禁止)

div和span

**div:**多个div元素包裹的内容会在不同的行显示;

• 一般作为其他元素的父容器,把其他元素包住,代表一个整体
• 用于把网页分割为多个独立的部分

**span:**多个span元素包裹的内容会在同一行显示

• 默认情况下,跟普通文本机会没差别
• 用于区分特殊文本和普通文本,比如用来显示一些关键字

不常用元素

• :强调
• :斜体
• :代码

常见全局属性

• id
• class
• style
• title

字符实体character entity

html文档中插入特殊符号

<span>&nbsp;</span>
<span>&lt;</span>

URL和URI

URI:Identifier相当于身份证号

URL:Locator相当于住址

URL是URI的子集

元素语义化Element semantics

defin:用正确的元素做正确的事情.

因为理论上所有的html元素都能实现相同的事情

Link

• href: 被链接资源的URL.
• rel:指定链接类型,如icon, stylesheet

浏览器渲染流程

1. Load HTML
2. Parse HTML(遇到css 不会停止,先把整体结构解析出来)
   1. load CSS(与Parse html并行)
   2. parse CSS
3. Create Dom tree(整体结构解析出来后,添加css样式 成为render tree)
4. Display