前端常错笔试题

前端常错笔试题小集锦

1. label默认属于行内元素 常犯错误 : li
2. 获取原生JS的父节点的是element.parentNode（） 常犯错误：element.getParent()
3. CSS 选择器最小值必须从1开始，最小为1 常犯错误：从0开始
4. 静态语言（强类型语言）
   静态语言是在编译时变量的数据类型即可确定的语言，多数静态类型语言要求在使用变量之前必须声明数据类型。
   例如：C++、Java、Delphi、C#等。动态语言（弱类型语言）
   动态语言是在运行时确定数据类型的语言。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。
   例如PHP/ASP/Ruby/Python/Perl/ABAP/SQL/JavaScript/Unix Shell等等。
5. required属性规定必需在提交表单之前填写输入字段。
   placeholder 属性规定可描述输入 字段预期值的简短的提示信息 。
6. 
7. 继承：html元素可以从父元素那里继承一部分css属性，即使当前元素没有定义该属性。 1.css可以和不可以继承的属性 不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。 所有元素可继承：visibility和cursor。 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。 终端块状元素可继承：text-indent和text-align。 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。 表格元素可继承：border-collapse。
8. 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
   例如：浏览器会根据标签的src属性的 值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；标签的type属性来决定是显示输入 框，还是单选按钮等。 (x)html中 的、、、、 都是置换元素。这些元素往往没有实际的内容，即是一个空元素。

置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。

不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。

例如： label中的内容 标签是一个非置换元素，文字label中的内容”将全被显示。

9. h5新增的标签 ：
   video 表示一段视频并提供播放的用户界面
   audio 表示音频
   canvas 表示位图区域
   source 为video和audio提供数据源
   track 为video和audio指定字母
   svg 定义矢量图
   code 代码段
   figure 和文档有关的图例
   figcaption 图例的说明
   main
   time 日期和时间值
   mark 高亮的引用文字
   datalist 提供给其他控件的预定义选项
   keygen 秘钥对生成器控件
   output 计算值
   progress 进度条
   menu 菜单
   embed 嵌入的外部资源
   menuitem 用户可点击的菜单项
   menu 菜单
   header 定义了文档的头部区域
   section 定义文档中的节（section、区段）。
   nav 定义导航链接的部分
   aside 定义页面独立的内容区域
   article 定义页面的侧边栏内容。
   footer 定义 section 或 document 的页脚
10. CSS 预编译工具有stylus，sass，less
11. setMonth(n)，这里是0-11分别对应1-12月
12. center 和 img不是合法的html5标签