【前端面试小册】第1节-复习HTML

成都巴菲特
211 阅读2分钟

1、HTML是什么？

  • HTML：HyperText Markup Language，超文本标记语言
  • HTML是一种标记语言，不是编程语言，通过标签来描述网页，浏览器解析HTML【文件】展示页面，如：xx.html

2、HTML文件、HTML标签

  • html文件
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>作者：成都巴菲特</title>  
    </head>
    <body> 
        <h1>知识星球：前端职场圈</h1>
        <h1>公众号：前端面试资源</p>
    </body>
</html>
  • html标签
<html></html>
<div></div>

编写HTML语言的关键，就是把标签用对，使它能够正确传达语义信息，不要使用无含义或错误含义的标签。 这里一般面试官可能回问：说说HTML语义化，见下面。

3、HTML各部分解释

3.1、 <!DOCTYPE HTML>

  • 1、标签之前，声明有助于浏览器中正确显示网页

  • 2、doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本

  • 3、让浏览器进入标准模式，用最新的HTML5标准解析渲染页面，如果不写进入混杂模式

  • 4、严格模式：标准模式，指浏览器按照W3C标准解析代码；

  • 5、混杂模式： 又称怪异模式、兼容模式，是指浏览器用自己的方式解析代码.混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作；

3.2、DTD介绍

DTD（ Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元 素及它们的属性和层次关系的定义。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。 DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）。

3.3、html标签

称为根标签，所有的网页标签都在<html></html>中。

3.4、head标签

标签用于定义文档的头部，它是所有头部元素的容器。
常见的头部元素有<title>、<script>、<style>、<link>和<meta>等标签；
<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。

3.5、 <meta charset="utf-8">

告诉浏览器文档中所使用的字符编码格式，浏览器做好翻译工作。

// 面试官可能回问

设置好了<meta charset="utf-8">为什么还是会乱码？

utf-8:只是告诉浏览器用utf-8来解释，而文档的编码格式，是在你文件保存的时候决定的

虽然设置了，但是右下角你的编码保存却不是，所以页面乱码

3.6、body标签

标签之间的内容是网页的主要内容，最终会在浏览器中显示出来。

3.7、HTML

超文本标记语言，是语法较为松散的、不严格的Web语言

4、学习交流

文章：首发地址

可加我： chengdubft，一起组队学习，资料分享，聊天吹水；

avatar
文章
阅读
粉丝