前端基础面试题(Html,css,Javascript)_1

1. 主流浏览器及其内核

浏览器内核：可译为“渲染引擎”，一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如[HTML]并渲染（显示）网页。不同内核显示效果不同,开发者需要对用户浏览器判断,分情况处理。

JS判断浏览器内核：window.navigator.userAgent

1、IE浏览器内核：Trident内核，也被称为IE内核；
2、Firefox浏览器内核：Gecko内核，也被称Firefox内核；
3、Safari浏览器内核：Webkit内核；
4、Chrome浏览器内核：Chromium内核 → Webkit内核 → Blink内核；

2. <!doctype>作用

    <!doctype>是文档的声明，告诉浏览器当前的文档类型；

文档类型如下：

文档类型：HTML5，HTML 4.01 / XHTML 1.0(Transitional StricFrameset)，XHTML 1.1

3. HTML语义化

如<h1>...<h6>,<p>,<div>等当浏览器解析到该标签后就会马上明白该标签的结构和大致效果,搭建出网页大致轮廓.

1.在没有Css情况下，也能大概呈现网页结构。
2.便于开发和维护
3 .......

eg:开发者通过HTML5新特性标签<header/>,<nav/>,<aside/>,<article/>,<footer/>就能快速搭建起简洁结构清晰的网页了！

5. <meta>标签

meta标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。

  常见的meta标签
         keywords定义文档关键词，用于搜索引擎
         <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
         description定义web页面描述
         <meta name="description" content="该页面用于...">
         author定义页面作者
         <meta name="author" content="Tom">