FOR复试

**

前端第一天

学习到的新内容

Live Server的配置
采用服务器地址打开网页，可以更好地模拟真实网页开发环境，更利于一边写一边查看网页的状况，可保存后直接显示更新后网页。（可以通过设置自动保存，即Autosave delay 设置好时间）就可以自动保存，达到实时刷新目的。【个人理解：可以更好地帮助网页的编写】

复习到的内容

1.关于实体的语法
当在网页中使用特殊的符号时，使用html中的实体（转义字符），实体的语法：
&实体的名字； 例如：&nbsp 空格；&gt 大于号；&lt 小于号，&copy 版权符号。

2.关于<meta>标签
主要用于设置网页的一些元数据，元数据不是给用户看。
charset 指定网页字符集
name 指定数据的名称
content 指定数据的内容
keywords 表示网站的关键字,可同时指定多个关键字，关键字间使用，用，1隔开
例：<meta name=“keywords” content=“网上购物,MP3”>
description 用于指定网站的描述,网站的描述会显示在搜索引擎的搜索结果中
例：<meta name=“description” content=“京东JD.COM”>
title标签的内容会作为搜索结果的超链接上文字显示。
<meta http-equiv=“refresh"content=“3”;url=https://www.baidu.com”>
将页面重定向到另一个网站

3.对语义化标签的复习
在网页中HTML专门负责网页的结构
所以在使用html标签时，应该关注的是标签的语义而不是它的样式。
标题标签
h1-h6一共有六级标题，重要性递减，h1在网页中重要性经次于title标签，一般情况下一个页面只有一个h1.标题标签都是块元素。
<hgroup>用来为标题分组，可将一组相关的标题同时放入hgroup.
p标签表示页面中一个段落，同样的p也是一个块元素。
em标签用于表示语音语调的一个加重，使内容倾斜。

布局标签（结构化语义标签）
header表示网页的头部
main即是网页主体部分
footer表示网页底部
nav表示网页中的导航
alside表示和主体相关的其它类，常表现为侧边栏
article表示独立的一篇文章
section表示一个独立的区块，上面标签都不能表示时用section

div没有语义，就用来表示一个区块，作为主要布局元素。
span没有元素，没有语义，一般用于在网页中选中文字

在页面中不会独占一行的元素为行内元素，单独占一行元素为块元素
  块元素
在网页中一般使用块元素来对页面布局。
 行内元素
主要用于包裹文字。
块元素中能够放行内元素，反之不能。块元素中基本什么都能放，p元素中不能放任何块元素。
制作网页中遇到的问题以及解决方法

导航栏icon图标的获取
在使用谷歌浏览器时，发现html中没有写明Icon位置，百度找不到图标的情况下，找到了获取图标的方法，用360浏览器打开官网，通过域名 +favicon.ico的方式得到了该网页图标，成功完成导航栏该部分。