石海莹

HTML + CSS 面试题总结

*简述的作用？

1. 帮助浏览器正确地显示网页。

2. 声明叫做文件类型定义（DTD-Document Type Definition），声明的作用是为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。

*常见的浏览器及其内核？

四大内核：

Trident，主要有IE浏览器以及其它多核浏览器
Gecko：主要有Firefox（火狐浏览器）

WebKit：主要有Chrome（谷歌浏览器）、Safari（苹果默认的浏览器），以及其它多核浏览器

2013年Chrome浏览器开始使用webkit的分支内核Blink。
Presto，之前主要应用于Opera，Opera现已改用Google Chrome的Blink内核。

五大主流浏览器采用的都是单内核，而随着浏览器的发展现在也出现了双内核。像360浏览器、QQ浏览器都是采用双内核。

*常见的块级标签和行内标签分别有哪些？

块级元素：

---

< li>

内联元素：

,,

,,

*b和strong（i和em）标签的区别？

,默认样式都倾斜，没有语义，有强调的语义,定义强调的内容

,默认样式都加粗，没有语义，有着重强调的语义,定义语气更强的强调的内容

*谈谈对语义化的理解？

    1）什么是HTML语义化？

              用合适的标签和属性组合文档结构

                   如标题用h标签

                      段落 p标签

                      给重要的图片加alt属性

   2）语义化的好处？

             结构清晰，增强代码可读性，

             css不能正常加载时，仍然能够保证基本的文档结构

             有利于后期维护，

             有利于团队合作

             有利于SEO(搜索引擎优化)

             有利于用户体验

*如何合并表格单元格？

跨行合并 rowspan

<table> <tr> <td rowspan=”2”> 1-1 td> <td>1-2td> <tr> <tr> <td>2-2td> tr>

跨列合并 colspan

<table> <tr> <td colspan=”2”> 1-1 td> <tr> <tr> <td>2-1td> <td>2-2td> tr>

*thead、tbody、tfoot有什么作用？

1)划分表格结构，增强表格语义

2)让表格(table)在分步加载

在浏览器解析HTML时，table是作为一个整体解释的，使用thead、tbody、tfoot可以一部分一部分地显示下载一块显示一块。

3)当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

*常见表单元素有哪些？

单行文本输入框（文本域）

密码框

单选按钮。

复选框

普通按钮

提交按钮

定义重置按钮

上传域(文件域)

定义图像形式的提交按钮

标签定义多行输入字段（文本域）