HTML面试常识

1. HTML、XML、XHTML有什么区别

  • HTML,超文本标记语言,是语法松散的、不严格的Web语言;
  • XML,可扩展标记语言,主要用于存储数据和结构;
  • XHTML,可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格;

2. 怎么理解HTML语义化

一种编写HTML的方式,选择适合的标签、使用合理的代码结构,便于开发者阅读,同时能让浏览器爬虫和机器很好滴解析。

3. 怎么理解内容与样式分离的原则

开发HTML时,HTML能体现页面结构和内容,之后页面的样式再尽量单独实现,尽量不要写行内样式,方便后期改造升级;也就是说HTML、CSS分离,HTML负责表现内容,CSS负责表现页面样式。

4. 有哪些常见的meta标签

<meta charset="UTF-8">      //指定文档编码
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //内核
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> //适配移动页面
<meta name="keywords" content="CodeMonkeyShui">  //指定关键字
<meta name="description" content="testDescription">   //

5. 文档声明的作用,严格模式和混杂模式指什么,<!DOCTYPE html>的作用?

  • 文档声明指示Web浏览器关于页面使用哪个HTML版本进行编写的指令
  • 标准模式,浏览器以其支持的最高标准呈现页面;混杂模式,页面以一种比较宽松的向后兼容的方式显现,混杂模式通常模拟老式浏览器行为以防止老站点无法工作。
  • <!DOCTYPE html>指示Web浏览器按照HTML5去解析;

6. 浏览器乱码的原因是什么?如何解决?

meta charset没有设置或者设置错误,浏览器不能正确解析;设置正确charset或者浏览器换成与文件相应语言

7.常见的浏览器有哪些,什么内核?

  • Google chrome-----Webkit内核
  • QQ浏览器-----------Trident内核
  • IE浏览器-------------Trident内核
  • Safari-----------------Webkit内核
  • Firefox----------------Gecko内核

8.列出常见的标签,并简单介绍这些标签用在什么场景

<!DOCTYPE html> 文档开头声明
<html> 包含整个页面内容;
<head> 包含页面描述和CSS样式;
<body> 包含用户看到内容,放置页面显示内容;
<title> 设置页面的标题;
<ol> 与<li>搭配 有序列表;
<ul> 与<li>搭配 有序列表;
<a> 超链接文本;
<div> 块级标签,用于body内分区;
<table> 表格标签;
<tr> 行标签,用于table内;
<td> 列标签,用于tr内;
<th> 列标签,用于表头;
<p> 文档段落标签
<h1>-<h7> 标题标签,一般表头
<input> 引用输入标签
<link> 引用CSS标签
<script> 引用JS标签
<dl><dt><dd> 列表标签
<img> 图像标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容