1.网络中使用最多的图片格式有哪些
JPEG,GIF,PNG,最流行的是 jpeg 格式,可以把文件压缩到最小 在 ps 以
jpeg 格式存储时,提供 11 级压缩级别
3.视频/音频标签的使用
视频:<video src=””></video>
视频标签属性:
src 需要播放的视频地址
width/height 设置播放视频的宽高,和 img 标签的宽高属性一样
autoplay 是否自动播放
controls 是否显示控制条
poster 没有播放之前显示的展位图片
loop 是否循环播放
perload 预加载视频(缓存)与 autoplay 相冲突,设置了 autoplay 属
性,perload 属性会失效。
muted 静音模式
音频: 音频属性和视频属性差不多,不过宽高和 poster 属性不能用
<audio>
<source src=”” type=””>
</audio>
4.HTML5 新增的内容有哪些
新增语义化标签
新增表单类型
表单元素
表单属性
表单事件
多媒体标签
5.Html5 新增的语义化标签有哪些
语义化标签优点:1.提升可访问性 2.seo 3.结构清晰,利于维护
Header 页面头部 main 页面主要内容 footer 页面底部
Nav 导航栏 aside 侧边栏 article 加载页面一块独立内容
Section 相 当 于 div
figure 加 载 独 立 内 容 ( 上 图 下 字 )
figcaption figure 的标题
Hgroup 标题组合标签 mark 高亮显示 dialog 加载对话框标签(必须
配合 open 属性)
Embed 加载插件的标签 video 加载视频 audio 加载音频(支持格式
ogg,mp3,wav)
行内元素/块级元素有哪些?
行内元素:相邻的行内元素会排列在同一行,不会独占一行 设置宽高无
效 span
块级元素:会独占一行 可以设置宽高等属性 div
可变元素:根据上下文预警决定该元素为块元素还是内联元素块级元素:div h1-h6 hr p ul ol table address blockquote dir from
menu
行内元素:a br I em img input select span sub sup u textarea
可变元素:button del iframe ins
怎么实现标签的禁用
添加 disabled 属性
网页的三层结构有哪些
结构(html 或 xhtm 标记语言)表现(css 样式表)行为(js)
请简述媒体查询
媒体查询扩展了 media 属性, 就是根据不同的媒体类型设置不同的 css
样式,达到自适应的目的。
Rem 缺点
比如:小说网站,屏幕越小的移动设备如果用了 rem 肯定文字就越小,
就会导致看文章的时候特别费
HTML5 drag api
 
dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发,。
darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。
dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。
dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。
dragleave:事件主体是目标元素,在被拖放元素移出目标元素是触发。
drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发。
dragend:事件主体是被拖放元素,在整个拖放操作结束时触发

HTML 语义化标签的理解
HTML5 语义化标签是指正确的标签包含了正确的内容,结构良好,
便于阅读,比如nav 表示导航条,类似的还有article、header、footer
等等标签。
画一条 0.5px 的线
采用 meta viewport 的方式
<meta
name="viewport"
content="initial-scale=1.
0, maximum-scale=1.0,
user-scalable=no" />

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐