01.Html基础01
2016-08-26 本文已影响31人
廖马儿
1.名词解释
Internet:全球所有的网都有网线路由器，等连接在一起，可以实现全球信息互联的网络。
WWW:（world wide web）万维网。
W3C：这个组织，来制定技术标准
HTTP：超文本传输协议。也就是浏览器和服务器端的网页传输数据的越苏和规范。
Web：互联网的总称。在网页设计中我们称为网页的意思。表现为三种形式，超文本，超媒体，超文本传输协议等。
DNS：域名系统。因特网上作为域名和IP地址相互映射的一个分布式。
2.网页的组成：
html:页面结构
css:页面样式表现
javaScript:交互行为
结构，表现，行为之间的关系：
人的骨骼就相当于结构，衣服鞋子就相当于表现，行走，奔跑，跳跃就相当于行为。
3.HTML标准的选择
HTML的最新版本是HTML5
4.webStorm的一些快捷键：
win + e:快速打开 windows explorer
home:光标定位到当前行的起始
end：光标定位到当前行的结尾
ctrl+/:快速注释
5.单标签可以有/也可以没有，/对于单标签没有意义。
<br> 或者 <br/>
6.html 和htm 没有区别，是因为早期的dos8位机时代，电脑智能识别3个字母的后缀名文件。
现在所有的电脑都支持多字符的文件后缀名。
7.快速生成HTML页面结构
先写上html:5+tab 快速生成H5的文档结构。(针对subline)
8.标签介绍
<!DOCTYPE> 文档声明 <!DOCTYPE html> 声明文档类型是html类型，html5标准
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 这个是html4标准
*注意：文档声明一定要有，不能省略，后面学了css之后，文档声明标签会眼中影响页面的布局。
<html> html标签 作用：告知浏览器，自身是一个html文件 属性lang="en"，有利于对网页的优化。浏览器可以更具这个判断是什么语言。zh_CN . html标签纸嵌套了<head>和<body>标签
<head> 头部标签 作用：放一些对浏览器的设置的 <meta charset="UTF-8"> 设置当前页面的编码为UTF-8
head标签中设置的都是用于给浏览器。当浏览器解析当前文档的编码和文档实际的编码不一致的时候会出现乱码的问题。
<link> 引入DNS预先解析 <link rel="dns-prefetch" href="http://mimg.127.net">
<link ref="shortcut icon" href="......ico">
link还能引入css样式
<title>设置当前浏览器页面标签的 标题内容 可以用于优化seo。
<body> 页面内容标签
9.编码方式
- utf-8:是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312
- gb2312 简单中文
- GBK包含全部中文字符 繁体
- BIG5 台湾繁体中文
- UTF-8 包含了所有国家需要用到的字符
- 从而精致说起，符号表示文字，表示的模式就是编码：联想电报
所以：<meta charset=""> meta标签的charset吆喝IDE下面的字符编码相等。才行。当前文件的编码方式和我们的meta标签的编码方式要一致。
10.Ctrl + Shift + D:
对于subline可以快速复制一段。
11.URL协议：
平时我们写的网址，就是Url地址。
scheme://host.domain:port/path/filename
- scheme 定义因特网服务的类型，最常见的是http （还有https,ftp协议）
- host 定义域名主机 http的默认主机是www
- domain 定义因特网域名，比w3cschool.com.cn
- :port 定义主机上的端口号（http的默认端口号是80）
- path 定义服务器上的路径，如果省略，则文档是放在网站的根目录中
12.shtml, html, htm的区别
shtml不是Html而是服务器API，shtml是服务器动态生成的html。虽然两者都是超文本格式，但是shtml是一种用于SSI技术的文件。也就是Server Side Include--SSL服务端包含指令。如果Web Server有SSI功能的话（大多数，尤其是基于Unix平台）的服务器等均支持SSI命令。会对shtml文件特殊招待。先扫一次shtml文件看没有特殊的SSI指令现在。
13.URL编码：
URL编码是把非ASCII码值转成 %ASCII码值
encodeURI("你好") 把中文转换为ASCII码
在站长工具可以encode中文和decode
可以显示世界上所有的网址。
- cmd窗口的使用：
Dir命令是显示当前目录的文件和文件夹
../../ 父目录的父目录
cd ../ 返回上级目录
进入c盘的windows目录： cd c:\Windows
c:\Windows 带盘符的路径我们称为绝对路径
c.txt 访问 a.txt : ../../a.txt
