HTML 基础知识点总结

为什么要学些基础的内容

因为基础是考核候选者能力的最简单/有效的方法(本质就是应对八股文考试,实际工作中肯定不会记住所有的,有需要查一查,能记住八股文的内容当然最好)。

那为什么不是算法呢?算法固然重要,但是不是最直观的,并且常规的前端开发对算法的要求并不高。更有可能后面企业对基础知识考查会变少,算法会变多…

学习方法

  • 如果是一个前端工程师,时长巩固
  • 不是前端工程师,可以大概知道前端 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 基本语法特点

不敏感形式

  • 换行不敏感
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值