Skip to content

HTML

什么是 HTML?

HTML 全称是 HyperText Markup Language,即超文本标记语言,它不是编程语言,而是一种用来告知浏览器如何 组织页面的标记语言,用来描述网页的表现,展示效果或功能及行为

  • “超文本”(hybertext) 是指连接单个网站或多个网站网页的链接
  • HTML 使用“标记”(markup) 来注明文本、图片和其它内容
  • HTML 通过“标签”(tag)标记元素,标签由在<和>中包裹的元素名组成
  • HTML 标签里的元素名不区分大小写。可以用大写、小写或混合形式书写

常用的浏览器引擎是什么 ?

浏览器引擎是指浏览器内核,浏览器内核是浏览器的核心代码,负责网页的渲染、布局、排版、JS 引擎等.

常见的浏览器引擎有:

  • Blink:由 Google 和 Opera 共同开发,应用于 Google Chrome、Opera 等浏览器。
  • Gecko:由 Mozilla 开发,应用于 Mozilla Firefox 浏览器。
  • WebKit:由 Apple 开发,应用于 Safari 浏览器。
  • EdgeHTML:由 Microsoft 开发,应用于 Microsoft Edge 浏览器。
  • Trident:由 Microsoft 开发,应用于 Internet Explorer 浏览器。

需要注意的是,浏览器引擎并不是指浏览器本身,而是指浏览器内核。同一浏览器内核可以应用于不同的浏览器品 牌。例如,Google Chrome 和 Opera 使用的都是 Blink 浏览器引擎。

什么是 HTML 语义化,有什么好处,一定要 HTML 语义化吗 ?

HTML语义化是指使用具有明确意义的标签,使代码更加清晰,易于理解和维护, 同时还可以提高搜索引擎优化(SEO)的效果。

语义化标签:

  • <h1>:用于定义标题,<h2><h3><h4><h5><h6> 用于定义不同级别的标题。
  • <header>:用于定义页面的头部区域。
  • <nav>:用于定义页面的导航链接。
  • <main>:用于定义页面的主要内容区域。
  • <article>:用于定义独立的内容,如文章、博客文章等。
  • <section>:用于定义文档中的节或区域。
  • <aside>:用于定义页面中的侧边栏内容。
  • <footer>:用于定义页面的底部区域。

语义化的好处:

  • 增加可读性,便于团队的开发和维护
  • 有利于网站的SEO,搜索引擎可以根据语义化标签来确定页面的内容和结构从而提高搜索排名
  • 增强可访问性,便于屏幕阅读器定位和朗读

虽然语义化有很多好处,但是也不一定非要使用,要根据自己的团队和项目需求来决定是否需要使用语义化标签。通常项目中使用无语义化标签 <div>,<span>就可以满足大部分的日常开发需求。

如何申明文档类型,申明文档类型有什么用?

在HTML文档中,在文档的顶部添加<!DOCTYPE html>进行申明。

申明文档类型的作用是告诉浏览器,使用哪种HTML版本来解析和渲染网页内容。

什么是HTML5, HTML5有哪些新特性,如何处理 HTML5 兼容问题 ?

HTML5 是一种新的 HTML 标准,它包含了一系列新的标签、属性和 API,用于创建更丰富的 Web 应用。

HTML5 的新特性包括:

  • 新的语义化标签,如 <header><nav><section><article>
  • 新的表单控件,如 <date><time><email><url>
  • 新的 API,如 GeolocationWeb StorageWeb Workers
  • 新的多媒体标签,如 <audio><video>
  • 新的绘图和图形标签,如 <canvas><svg>
  • 新的网络请求和通信协议,如 Web SocketsWebRTC
  • 新的离线存储技术,如 Application CacheService Worker
  • 拖放功能,HTML5允许通过拖放功能,方便地实现网页元素的重排序和数据交换

HTML5 兼容性问题可以通过以下方式解决:

  • 检查浏览器是否支持 HTML5 的新特性
  • 使用 HTML5 Shiv 库来支持旧版本的浏览器
  • 使用 Polyfills 来模拟 HTML5 的新特性
  • 使用 HTML5 Boilerplate 或其他 HTML5 兼容性解决方案来解决兼容性问题

什么是 MIME types,常见的 MIME types 有哪些 ?

MIME types 是指在 HTTP 请求或响应中,用于表示文件类型的字符串。

常见的 MIME types 包括:

  • text/html:HTML 文件
  • text/css:CSS 文件
  • text/plain:纯文本文档
  • image/jpeg:JPEG 图像文件
  • image/png:PNG 图像文件
  • application/pdf:PDF 文件
  • application/json:JSON 文件
  • application/javascript:JavaScript 文件
  • application/octet-stream:二进制文件