day1前端背景

一.注意规范

meta 是元的意思，通过加name用来完成对应的设置！

网站的icon的图标:

favicon.ico中图片格式是png后面x-iocn改为png，是icon则是x-icon，是x-iocn改为jpg

块级元素里面可以放行级元素

行级元素里面不可以放块级元素

内联元素不能包涵块级元素，只能包涵其他内联元素

块级元素不能放在P标签里面

几个特殊块级元素只能包涵内嵌元素，不能再包涵块级元素：

h1_h6 ,p ,dt

块级元素与块级元素并列，内嵌与内嵌并列

eg:

>

二.语义化标签

地址标签 标题

三.命名规范

项目开发时，不能出现汉字和空格之类的其他符号，文件名和目录名一般以字母和下划线开头_

目录名：

taobao imges/img/pic video music file web/sites

文件名：

index.html(首页) product.html(产品) order.html（订单）

四.day1小结

1.HTML是一种，超文本语言，不属于编程语言

2.HTML5是2014.10份推出的，是公认的下一代WEB语言，是重要的网络推手。

3.HTML具有简易性，可扩展性，平台无关系和通用性等特点。

4.网页分为动态和静态网页

5.五大主流浏览器：IE（Edge）,FireFox,Chrome,Opera,safari

6.浏览器内核：由渲染引擎和JS引擎两部分组成

Trident(IE ),Gecko(FireFox),Web kit(safari/chrome),Bilnk(chrome/oprea)

国内大多数浏览器采用双核驱动：（Trident&webkit）或（Trident&blink）

移动端：iphone/ipad采用的webkit内核，android4.4以下采用的是webkit，4.4以上采用的blink内核。

常用的开发工具：sublime,Hb,VScode,Atom,Webstorm

8一个网页的基本组成：

/*

undefined

9.标签块级元素和行级元素

块级独占一行，识别宽高，如果不设置，宽度为整行高度，高度为内容实际的高度

行级不独占一行，不能设置宽高，宽高为内容的实际宽高；

块转行：display:inline;行转块：display:block;

学过的块级标签：

div，p,h1_h6,pre,ul,tablle,address

行级标签：

span,a,b,strong,i,em,sup,sub

注意：img属于行级块标签，相当于执行了display:inline-block操作

10.w3c规范由结构，表现和行为三部分组成；

​ （1）块可以包涵块，行；行只能包涵行

​ （2）p,h1-h6,dt只能包涵行级，不能包涵块级元素；

​ （3）块与块并列，行与行并列

11.在开发过程中尽量使用语义标签，方便搜索引擎；