前端日记 - 2019年1月9日

关键字,编码字符集,编辑器里空格的含义,单标签,列表,图片

想法

本来想趁着上午的时间好好看看前端的,可惜早上停了一上午的电(北科真是一个能打的都没有)。

于是找了网易云课堂上的一门课《web前端开发HTML+CSS精英班》,本以为这种培训性质的网课知识点都讲的很浅,只是当做消遣时间的东西来看,可意外的发现讲的很不错。

笔记

HTML 标签

关键字

作用:告诉网络爬虫网站的内容

1
2
3
4
<html lang='en'>
<html lang="en, zh">
<meta content="" name="keywords">
<meta content="" name="description">

像百度这种搜索引擎,有钱的企业一般直接上竞价排名。没钱的就用SEO优化,使排名靠前。

编码字符集

1
<meta charset="utf-8">

告诉网站编码的字符集,常用的有gb2312、gbk、unicode、utf-8, 现在几乎都用utf-8了

编辑器里空格的含义

分隔符,而不是真正的文本上的“空格”,某个单词很长的话,可能会溢出div的区域。同样,回车也是。

常用html编码:空格文本编码 $nbsp;、小于号文本编码 $lt;、大于号文本编码 $gt;

单标签

不需要修饰任何内容,自己就代表一个功能,所以不需要双标签的出现。

常见的有:<meta><link><img><input><br><hr> (hr水平线标签现在用的很少了)

列表

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- 基本用不上 -->
<ol type="1" reversed="reversed" start="2">
<!-- type默认值为1,可选a、A、i、I;start永远是数字。 -->
<li></li>
<li></li>
<li></li>
</ol>

<!-- 常用的无序列表 -->
<ul type="disc">
<!-- type默认值为disc,可选square、circle -->
<li></li>
<li></li>
<li></li>
</ul>

ulli是父子结构,很常用,例如导航栏(子项的样式和功能都差不多,只是内容不一样)。

图片

属性 alt 图片占位符 title 图片提示符。

其他

成哥在视频里推荐了一部电影《返老还童》,有空可以看看。