HTML第一小节第二天

2017-04-14 本文已影响20人 alienskywalk

一.HTML基础

浏览器与内核:

ie:trident safari:webkit firefox:gecko chrome/opera:blink

浏览器浏览页面背后的流程

-浏览器接受用户操作→浏览器封装HTTP请求→连接服务器:DNS解析→发送请求Request→服务器接受请求→处理请求→返回响应报文→浏览器接收响应报文→渲染页面呈现

HTML发展史--了解即可,非重点

·HTML1.0超文本标记语言-1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)

·HTML2.0-95年11月作文RFC1866发布,在RFC2854于2000年6月发布之后被宣布过时

·HTML3.2-96年1月14日,W3C推荐标准

·HTML4.0-97年12月18日,W3C推荐标准

·HTML4.01(微小改进)-99年12月24日,W3C推荐标准,后经修订于02 年8月1日重新发布

·XHTML1.1-01年5月31日发布

·HTML5.0-14年10月29日,W3C宣布,该标准规范终于完成

名词解释

internet：因特网，互联网

WWW：万维网

W3C：万维网联盟，制定html，css等标准

HTTP:超文本传输协议

Web:互联网总称

DNS:域名系统，域名与IP地址相互映射的一个分布式数据库

网页组成

HTML：页面结构，内容

css：页面样式的表现，大小宽高颜色

JavaScript：交互行为，接触特效

•HTML简介

–HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。

–HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。

–HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。

文档声明标签一定要有，不能省略，后面学了css之后，文档声明标签会严重影响页面的展示效果

ctrl+shift+d快速复制一行代码

Head标签

<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在<html>标记之后。

head标签定义的内容只是提供给浏览器使用，不用于用户的呈现。

主要用来封装其他位于文档头部的标记，例如<title><meta><link><style>等，用来描述文档的标题、作者以及和其他文档的关系等.等，用来描述文档的标题、作者以及和其他文档的关系等。

一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

当浏览器解析当前文档的编码和文档实际的编码不一致的时候那么会出现乱码的问题.

Meta标签

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。

gb2312 简单中文

GBK包含全部中文字符繁体

BIG5 繁体中文

UTF-8则包含全世界所有国家需要用到的字符

从二进制说起，符号表示文字，表示的模式就是编码：联想电报

title标签

<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<title>标记之内。一个HTML文档只能含有一对

�

Link标签的常见用法

引入DNS预先解析

引入网站icon图标