为什么要学些基础的内容
因为基础是考核候选者能力的最简单/有效
的方法(本质就是应对八股文考试,实际工作中肯定不会记住所有的,有需要查一查,能记住八股文的内容当然最好)。
那为什么不是算法呢?算法固然重要,但是不是最直观的,并且常规的前端开发对算法的要求并不高。更有可能后面企业对基础知识考查会变少,算法会变多…
学习方法
- 如果是一个前端工程师,时长巩固
- 不是前端工程师,可以大概知道前端 HTML 构成
HTML 概念
HyperText Markup Language 超文本标记语言。
HTML 作用
HTML 就是负责描述页面的语义
一个 demo 认识 html
<!DOCTYPE html>
<html> <head> <meta charset="utf-8" /> <title>页面标题</title> </head> <body> <h1>标题</h1> <p>段落</p> </body>
</html>
标签 | 说明 |
---|---|
**<!DOCTYPE html>** |
声明为 HTML5 文档 |
**<html>** |
元素是 HTML 页面的根元素 |
**<head>** |
元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 **utf-8** 。 |
**<title>** |
元素描述了文档的标题,浏览器标签名 |
**<body>** |
元素包含了可见的页面内容 |
**<h1>** |
元素定义一个大标题 |
**<p>** |
元素定义一个段落 |
**<!-- 内容 -->** |
注释内容 |
字符集
字符集 | 说明 |
---|---|
UTF-8 | 字多,有各种国家的语言,但是保存尺寸大,文件臃肿; |
gb2312 | 字少,只用中文和少数外语和符号,但是尺寸小,文件小巧 |
关键字和描述
head 和 meta
head meta | 说明 |
---|---|
meta name=“Description” | 定义 html 页面描述有助于 seo 优化 |
meta name=“Keywords” | 定义关键,告诉搜索引擎网页的内容 |
head 和 title
名字 | 说明 |
---|---|
title | 是网页的标题,也是有助于 SEO 搜索引擎优化的。 |
HTML 基本语法特点
不敏感形式
- 换行不敏感