新的 HTML5 文档类型和字符集是,前端面试题--HTML5+CSS3(1)
1.CSS3有哪些新特性?
1. CSS3实现圆角(border-radius),阴影(box-shadow),
2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
4. 增加了更多的CSS选择器 多背景 rgba
5. 在CSS3中唯一引入的伪元素是 ::selection.
6. 媒体查询,多栏布局
7. border-image
2.html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
新特性:
1. 拖拽释放(Drag and drop) API
2. 语义化更好的内容标签(header,nav,footer,aside,article,section)
3. 音频、视频API(audio,video)
4. 画布(Canvas) API
5. 地理(Geolocation) API
6. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;
7. sessionStorage 的数据在浏览器关闭后自动删除
8. 表单控件,calendar、date、time、email、url、search
9. 新的技术webworker, websocket, Geolocation
移除的元素:
1. 纯表现的元素:basefont,big,center,font, s,strike,tt,u;
2. 对可用性产生负面影响的元素:frame,frameset,noframes;
支持HTML5新标签:
1. IE8/IE7/IE6支持通过 document.createElement 方法产生的标签,可以利用这一特性让这些浏览器支持 HTML5 新标签,浏览器支持新标签后,还需要添加标签默认的样式(当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架):
如何区分:
DOCTYPE声明新增的结构元素、功能元素
3.本地存储(Local Storage )和cookies(储存在用户本地终端上的数据)之间的区别是什么?
Cookies:服务器和客户端都可以访问;大小只有4KB左右;有有效期,过期后将会删除;
本地存储:只有本地浏览器端可访问数据,服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器;每个域5MB;没有过期数据,它将保留知道用户从浏览器清除或者使用Javascript代码移除
4.如何实现浏览器内多个标签页之间的通信?
调用 localstorge、cookies 等本地存储方式
5.你如何对网站的文件和资源进行优化?
文件合并
文件最小化/文件压缩
使用CDN托管
缓存的使用
6.什么是响应式设计?
低成本实现一套代码一个网页在多终端多设备下访问达到一定用户体验的开发方式。其布局会根据终端情况自适应调整达到一定水平的用户体验。
7.新的 HTML5 文档类型和字符集是?
HTML5文档类型:
HTML5使用的编码
8.HTML5 Canvas 元素有什么用?
Canvas 元素用于在网页上绘制图形,该元素标签强大之处在于可以直接在 HTML 上进行图形操作。
9.CSS3新增伪类有那些?
p:first-of-type 选择属于其父元素的首个
元素的每个
元素。
p:last-of-type 选择属于其父元素的最后
元素的每个
元素。
p:only-of-type 选择属于其父元素唯一的
元素的每个
元素。
p:only-child 选择属于其父元素的唯一子元素的每个
元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素。
:enabled、:disabled 控制表单控件的禁用状态。
:checked,单选框或复选框被选中。
10.如何在 HTML5 页面中嵌入音频?
HTML 5 包含嵌入音频文件的标准方式,支持的格式包括 MP3、Wav 和 Ogg:
Your browser does'nt support audio embedding feature.
11.描述一段语义的html代码吧。
(HTML5中新增加的很多标签(如:、、和等)
就是基于语义化设计原则)
< div id="header">
< h1>标题< /h1>
< h2>专注Web前端技术< /h2>
< /div>
语义 HTML 具有以下特性:
文字包裹在元素中,用以反映内容。例如:
段落包含在
元素中。
顺序表包含在
- 元素中。
从其他来源引用的大型文字块包含在
元素中。
HTML 元素不能用作语义用途以外的其他目的。例如:
包含标题,但并非用于放大文本。
包含大段引述,但并非用于文本缩进。
空白段落元素 (
文本并不直接包含任何样式信息。例如:
不使用 或
等格式标记。类或 ID 中不引用颜色或位置。
新的 HTML5 文档类型和字符集是,前端面试题--HTML5+CSS3(1)相关推荐
- html5文档类型和字符集,1、新的 HTML5 文档类型和字符集是?
企业的从业人员没有经过安全教育培训,不了解规章制度,因而造成重大伤亡事故的行为人不应负法 轴承7518型的内孔尺寸为()A.90B.60C.100D.40. 二十世纪六七十年代,直接推动国际会计产生的 ...
- 前端面试题 HTML5 CSS3(盒子模型、盒子水平垂直居中、经典布局) JS(闭包、深浅克隆、数据劫持和拦截) 算法(排序、去重、数组扁平化) Vue(双向数据绑定原理、通信方式)
前端面试题 HTML5 相关面试题 CSS3 相关面试题 盒子模型 盒子水平垂直居中的方案 经典布局方案 圣杯布局 双飞翼布局 flex布局 定位方式布局 css实现三角形 JS 相关面试题 8种数据 ...
- html5文档类型的doctype,DOCTYPE 文档类型
HTML5学堂:在HTML版本从4.0升级到5.0之后,可以采用这种最新的文档声明方式,那么以前4.0版本,我们也应当有所了解,主要包括过渡定义类型.严格定义类型.框架定义类型. 近日,考核8班几个孩 ...
- web前端入门到实战:HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5
html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 foot ...
- flash 转换成html5,文档 - FlashReturn.com,转换flash到支持html5的网页上 - 闪归
开发入门 您可以直接使用 Flash 内置的 AS3 语言进行开发,还可以使用 TS/JS 语言开发: 使用 AS3 语言,您仅需要 FlashCS / FlashCC / AnimateCC 并安装 ...
- 前端面试题 | HTML5新特性有哪些?CSS3新特性有哪些?
H5新特性 拖拽释放(Drag and drop)API 语义化更好的内容标签(header,nav,footer,aside,article,section) 音频.视频API(audio,vide ...
- 【前端面试题】01—42道常见的HTML5面试题(附答案)
HTML5为我们提供了更多的语义化标签.更丰富的元素属性,以及更让人欣喜的功能.但在面试中,HTML5部分的面试题主要考察应试者对HTML5API的掌握情况,这是HTML5的重点,也正是这些API推动 ...
- 前端:HTML5/36/HTML5简介,文档类型定义,网页字符集,页面结构标记,文章相关的标记,其它标记,音频标记,视频标记,表单中新增的属性,表单input元素type属性的值
HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...
- html网页主题结构,常用html元素总结包括基本结构、文档类型、头部、主体等等...
1.基本结构: 复制代码代码如下: 2.文档类型: (1)HTML 4.01 (2)HTML5 (3)XHTML 1.0 复制代码代码如下: 3.头部: (1)字符集 复制代码代码如下: (2)引入J ...
最新文章
- 最常用的css选择器及兼容性 +几个好用却不多见的 nth-child等
- C 语言 *** glibc detected *** free(): invalid next size (fast): 0x0000000000be1010 ***
- select函数分析
- LeetCode-Letter Combinations of a Phone Number-电话号码字母组合-DFS
- php mysql访问不,php不能访问mysql怎么办
- sqlplus使用教程
- C语言贪吃蛇大作业总结,C语言实现贪吃蛇游戏
- (译)BPF技巧和窍门:bpf_trace_printk() 和 bpf_printk() 指南
- Python保留指定位数的小数
- 点击文件实现WPS工具预览功能
- python如何计算平均分_python脚本如何输入成绩求平均分?
- [Java] Receipt 简易超市小票
- 列出一些既好玩又能提高英语水平的电脑游戏
- 【通信协议】单总线协议详解——以DHT11为例
- 外键不兼容问题( in foreign key constraint are incompatible)
- 2021级新生个人训练赛第38场
- 「论文翻译」SATIN: A Secure and Trustworthy Asynchronous Introspection on Multi-Core ARM Processors阅读翻译与笔记
- GG-CNN代码学习
- 写pyspider遇到的问题
- 高通9xxx系列4G模块modem linux编译环境安装及配置详细说明
热门文章
- 【FLink】Flink checkpoint 实现数据连续计算 恢复机制 案例实战
- 95-10-130-启动-TransactionCoordinator
- [Spark] Yarn local-dirs are bad 导致节点处于不健康状态
- 【registry】javax ValidationException: HV000183: Unable to load ‘javax.el.ExpressionFactory‘
- 【FLink】FLink学习遇到的好文章
- 【ES】Mac 下安装ES 报错 Failed to create native process factories for Machine Learning
- linux下tomcat8安装
- android Mediaplayer各种属性和方法简单介绍
- 如何快速入行云计算?云计算的学习要点有哪些?
- android 分析so崩溃,分析libunity.so Release崩溃