【HTML】面试题

1.简述一下你对HTML语义化的理解？

参考答案：

①具体标签代表的就是字面含义，例如：nav就是代表导航栏模块

②html语义化让页面的内容的结构化更加清晰，便于对浏览器、搜索引擎解析；

即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的；

③搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;

④使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

2.Label的作用是什么？是怎么用的？

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

解析：两种方法：一种是id绑定，一种是嵌套

<label for="Name">Number:</label>

<input type=“text“name="Name" id="Name" />

<label>Date:<input type="text" name="B" /></label>

3.iframe框架有哪些优缺点？

参考答案 ：

优点：

        ①iframe能够原封不动的把嵌入的网页展现出来。

        ②如果有多个网页引用Iframe，那么你只需要修改Iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。

        ③网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的复用性。

        ④如果遇到加载缓慢的第三方内容，例如：图标或广告，这些问题可以由iframe来解决。

缺点：

        ①框架结构中出现各种滚动条

        ②iframe会阻塞主页面的Onload事件

        ③搜索引擎的检索程序无法解读这种页面，不利于SEO

        ④iframe和主页面共享连接池，而浏览器对相同区域的连接有限制，所以会影响页面的并行加载。

4.HTML 与 XHTML 二者有什么区别，你觉得应该使用哪一个？

参考答案：

        应该使用XHTML，因为XHTML是XML重写了HTML的规范，比HTML更加严格，表现如下：

        ①XHTML中所有的标记都必须有一个相应的结束标签；

        ②XHTML所有标签的元素和属性的名字都必须使用小写；

        ③所有的XHTML标记都必须合理嵌套

        ④所有的属性都必须用引号“”括起来

        ⑤把所有<和&特殊符号用编码表示；

        ⑥给所有属性附一个值

        ⑦不要在注释内容中使用“--”

        ⑧图片必须使用说明文字