html各种元素的解读

video元素视频

controls: 播放控件,只能取值为属性名,这种属性称boolen属性

autopaly:自动播放

muted:静音

loop 循环播放

audio 音频,和video 一毛一样

兼容性

  1. 旧版本浏览器不支持这两个元素
  2. 不同的浏览器直插的音频格式可能不一致
    MP4 webm

列表元素

有序列表ol

>  子元素li 子元素列表项

type属性
几乎不用 ,用css来
reversed 逻辑倒叙

无序列表 ul

常用于制作菜单或新闻列表

定义列表 dl

用于一些术语的定义

子元素 dt,dd d titkle d discription

容器元素

该元素代表一个区域,内部用于放置其他元素

div元素

没有语义

语义化容器元素

语义化解释语义化解释

header

表示页头,也可以表示文章头部.

footer

表示页脚以及文章尾部

article

文章

section

章节

aside

附加,用于显示侧边栏

文本元素

h

标题

p

段落
lorem

span[无语义]

没有语义 仅用于样式设置.

以前,某个元素显示时会独占一行(块级元素) ,某些元素不会(行级元素)
到了HTML5,已经弃用这种说法了

pre

预格式化
在 pre中出现的内容不会出现空白折叠.

空白折叠,在源代码中出现的一些空白字符会不显示

pre通常用于现实代码
pre的属性的本质是它有个默认的css样式
> 显示代码时,通常pre元素外会套个 code元素,表示代码区域

# img 元素

src 属性:souce
alt 属性 :当图片资源失效时代替图片(文本?)

和a元素联用

和map元素

map的子元素area

衡量坐标时为了避免衡量误差,要用专业开发工具

和figure元素

指代,定义,把图片和其他元素包裹起来

子元素 fighcaption;

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值