前端面试题Html篇

1、行内元素，块级元素和行内块元素都有哪些？（重点）

块级元素：div p h1 ~h6 form ul li

行内元素：a b br i span select button

行内块元素：img input video audio

2、行内元素，块级元素和行内块元素分别都有什么特点。（重点）

块级元素特点：①可设置宽高，内外边距。

​ ②自动换行

​ ③它可以容纳内联元素和其他块元素。

​ ④宽度始终是与浏览器宽度一样，与内容无关。

行内元素特点：①行内元素只能容纳文本或者其他行内元素。

​ ②不可以设置宽高

​ ③不会自动换行

​ ④高，行高及外边距和内边距部分可改变。

行内块元素：不会自动换行，可以设置宽和高

3、XHTML与HTML的有何异同？

HTML是一种基于WEB的网络设计语言，XHTML是基于XML的置标语言，XHTML可以认为是XML版的HTML，语法比较严谨：元素标签闭合，嵌套必须正确，大小写区分，属性值必须用双引号，id属性代替name属性

4、img的title和alt有什么区别

①alt是图片加载失败时显示在网页上的替代文字；

②title是鼠标放在图片上显示的文字

③他们都是用来提示用户告知用户信息的

5、input输入框常见的属性都有什么？

type（输入框属性）required（必填/必选）placeholder（输入框提示语）disabled（禁用）

6、form表单提交中Get和Post方式的区别是什么？

①Get一般用于从服务器上获取数据，Post向服务器传送数据。②Get传输的数据是拼接在Url之后的，对用户是可见的；Post的传输数据对用户是不可见的。③Get安全性非常低，Post安全性较高。④在from提交的时候，如果不指定method，则默认为Get请求。

7、html5的新特性（重点）

语义化标签: header footer nav section article aside main等

视频和音频：audio video

增强型表单：属性：color data datatime month week url

8、每个HTML文件里开头都有个很重要的东西，Doctype，它的作用是什么？

“<!DOCTYPE>” 声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）

9、如何理解HTML结构的语义化？（重点）

a. 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；

b. 用户体验更好

c. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

d. 方便其他设备解析

e. 便于团队开发和维护，语义化更具可读性

10、关于HTML语义化，你知道的都有哪些标签？（重点）

header、article、address、nav、footer、section等都属于语义化明确的标签。