#html5#
###浏览器###
- 常用浏览器及内核
- 谷歌浏览器chrome Webkit/blink
- IE浏览器 InternetExplorer Trident
###服务器###
###服务器-浏览器-网页###
- 服务器数据通过 get post 方法,http协议
- 浏览器解析HTML文件渲染生成网页
- 域名IP地址
- 请求报文(请求行+请求头+空行+请求体)
- 响应报文(响应行+响应头+响应体)
- 响应体就是呈现在网页中的HTML文件
###URL统一资源定位符### - 格式:http://127.0.0.1:80/index.html
- 包括协议,IP地址、端口、资源内容
###http协议### - 超文本传输协议 规范服务器和浏览器的文件传输
- HTML文件拓展名.html 可以使用纯文本编辑器值编辑
###HTML基础### - HTML标准是w3c制定
- w3c HTML、XHTML、
- HTML5 2008年发布
<html> <head> <title></title> </head> <body> </body> </html>
- head标签内添加一些配置信息
- head除了title标签内容一般不会在网页中显示,作为网页保存的默认名称
- html标签包含其他元素,元素包含标签和内容
- meta标签包含charset属性设置字符编码, utf-8 或 GB2312/GBK
###DTD声明### - 单标签 meta、br、hr…
- 双标签 html、head、p、div、span…
- html5 DTD文档说明 <!DOCTYPE html> 在文档开头声明,不区分大小写,不是一个标签
- xhtml相对于html严格要求有闭合,小写,属性值有双引号。
- html5相对于html功能多,增加了标签。
- .htm 和.html
- http 和https 后者具有安全加密传输协议
###前段开发### - webstorm
- sublime
###HTML标签###
- h1标签 表示标题
- h6标签 表示小标题
- br标签 换行
- hr标签 横线,可以设定宽度
- img图片标签
- src属性
- 推荐使用相对路径
- …/表示上一级目录
- width 单位可以是“px”或%
- height
- title 鼠标悬停显示信息
- alt 图片未显示的信息
- src属性
- a标签 显示链接
- href属性,可以指定网络资源或本地文件
- 假链接占位
- #自动回到顶部
- javascript: 不会回到网页顶部
- 锚点 可以使用#id值
- 还可以跳转到其他界面的指定位置href=“URL#id值”
- 假链接占位
- target属性
- _blank 新标签页打开
- _self 当前页面跳转,默认
- title属性
- href属性,可以指定网络资源或本地文件
- base标签 专门用来管理a标签打开方式 放在head标签内
- a标签的target属性优先于base标签