HTML前端面试题

一、H5的新特性有哪些?

1、语义化标签

  • article、footer、header、nav、section

2、视频和音频

  • video、audio

3、Canvas绘图

4、WebSocket

5、新的表单控件

  • calendar、date、time、email、url、search

二、你是如何理解 HTML 语义化的?

1、理解和优点:

  • 就是用正确的标签做正确的事。

  • 标签语义化有助于构架良好的HTML结构,有利于搜索引擎的建立索引。

  • 有利于构建清晰的结构,有利于团队的开发、维护。


三、请写出至少5个html5新增的标签,并说明其语义和应用场景?

1、header:头部

2、nav:导航

3、footer:尾部

4、article:文章

5、details:可见或者隐藏

6、section:章节、段落


四、meta viewport 是做什么用的,怎么用?

1、怎么用:

<meta name="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">    

2、有什么用:

  • width 设置layout viewport的宽度,为一个正整数,或字符串”width-device”

  • initial-scale 设置页面的最大缩放值,为一个数字,可以带小数。

  • minimum-scale 允许用户的最小缩放值,为一个数字,可以带小数。

  • maximum-scale 允许用户的最大缩放值,为一个数字,可以带小数。

  • height 设置layout viewport的高度,这个属性并不重要,很少使用。

  • user-scalable 是否允许用户进行缩放,值为”no”或”yes”。


五、HTML第一行 !doctype 是做什么用的?

1、作用:

  • 告诉浏览器当前 HTML 是用什么版本进行编写的指令(H5标准)


六、行内元素有哪些?块级元素有哪些? 空元素有那些?

1、行内元素:

  • a、b、span、img、input、strong、select、label、em、button、textarea

2、块级元素:

  • div、ul、li、dl、dt、dd、p、h1-h6、blockquote

3、空元素:

  • 即系没有内容的HTML元素,例如:br、meta、hr、link、input、img


七、label的作用是什么?是怎么用的?

1、作用:

  • label 标签是用来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。

2、怎么用:

  • 方法一:
<label for = "Name">Number:</label>
<input type="text" name="Name" id="Name" />
  • 方法二:
<label>Data:<input type="text" name="B" /><label>

八、XHTML和HTML的区别是什么?

1、基础语言不同:

  • XHTML是基于可扩展标记语言(XML)

  • HTML是基于标准通用标记语言(SGML)

2、大小写敏感度不同:

  • XHTML对大小写敏感,标准的XHTML标签应该使用小写。
  • HTML对大小写不敏感。

3、语法严格程度不同:

  • XHTML语法比较严格,存在DTD定义规则。
  • HTML语法要求比较松散,这样对网页编写者来说,比较方便。

4、可混合应用不同:

  • XHTML可以混合各种XML应用,比如MathML、SVG。
  • HTML不能混合其它XML应用。

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 848130454@qq.com

文章标题:HTML前端面试题

文章字数:972

本文作者:Spicy boy

发布时间:2019-03-20, 14:56:06

最后更新:2021-03-24, 14:32:53

原始链接:http://www.spicyboy.cn/2019/03/20/HTML%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏