1. 浏览器chrome

Chrome它内部有一个解析器，这个解析器就是解析我们的代码，各个浏览器的内核不一样，所以存在浏览器的兼容。这个内核是一个引擎。

谷歌的内核是webkit 引擎是v8。

  1. 客户端的请求过程。

1.重点 传输协议

2.返回的是数据不是文件。

  1. 解析超文本标记语言html。俗称标签。

浏览器的窗口是window 安卓app的窗口是webview。

学习我们使用的标签

<!DOCTYPE html>这个放在文档的开头代表什么？

该功能告诉浏览器以w3c的标准解析和渲染页面。

浏览器解析页面有两种模式，第一种按照浏览器自己的方式解析。叫怪异模式

第二中采用w3c的标准解析页面 这叫标准模式。

如果不写这个声明，各个浏览器就会以自己的方式解析，采用怪异模式，在不同浏览器下就有不同的表现，叫了这个声明，就按照标准模式解析，所有浏览器保持一致。

看见了这个声明 就知道他是一个h5页面。H5新增的特性就可以使用。

Html根节点标签

Head 头部标签

Meta标签 元信息标签

Charset=”utf-8” 字体编码，国际的编码是utf-8(浏览器的解析标准) 国内大陆的是gb2312  台湾香港繁体 字体编码是 big5

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

Name=”viewport” 叫视口  content就是对这个视口的具体操作

width=device-width 视口宽等于设备宽

浏览器的默认视口是980，上面这个标签就是让浏览器的视口和设备视口保持一致。

<meta name="Description" content=""/>

Name=”Description”

用于网站做官方网站说明的。Content 就是说明的具体内容。

<meta name="Keywords" content=""/>

用于做网站关键字搜索的。

<meta http-equiv="Pragma" content="no-cache" />

告知网页该网页不缓存

<meta http-equiv="refresh" content="5;url=https://www.baidu.com/"/>

Refresh 重定向 content 中5秒刷新 url代表跳转的地址。

Link标签

<link rel="shortcut icon" type="image/x-icon" href=””/>

Rel 请求的文件和当前文件的一种关系

Type 请求文件的类型

Href 请求文件的路径

Shortcut icon 特指浏览器中地址栏左侧显示的图标

<link rel="stylesheet" href="a.css"/>

标签

单标签(空标签)

双标签

W3c标签嵌套规则

  1. 内敛标签不能嵌套p和h1-6;
  2. P不能套img。

学习这个标签的方法

  1. 学会语法怎么写  <+标签名+>
  2. 记住所有的标签名
  3. 理解 所有的标签都是方格
  4. 学习标签的属性和标签的css属性

标签属性是这个标签私有的，其他没有； css属性是共有的 其他标签都可以有

关于html的相关讲解的更多相关文章

  1. JWT的相关讲解

    原文链接: http://www.cnblogs.com/chenwolong/p/Token.html

  2. Promise的一些相关讲解

    在javascrpit的语言特性上 有明确的一个特性指出,该语言的是单线程进程.这就意味着JavaScript的所有网络操作,浏览器事件,都必须是异步执行. 如下面的例子,可以感受到单线程与异步回调: ...

  3. 关于git rebase的相关讲解

    http://gitbook.liuhui998.com/4_2.html 一.基本 git rebase用于把一个分支的修改合并到当前分支. 假设你现在基于远程分支"origin" ...

  4. 年度巨献-WPF项目开发过程中WPF小知识点汇总（原创+摘抄）

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  5. Mysql性能优化二

    接上一篇Mysql性能优化一 建立适当的索引 说起提高数据库性能,索引是最物美价廉的东西了.不用加内存,不用改程序,不用调sql,只要执行个正确的'create index',查询速度就可能提高百倍千 ...

  6. 卷积神经网络（CNN）学习算法之----基于LeNet网络的中文验证码识别

    由于公司需要进行了中文验证码的图片识别开发,最近一段时间刚忙完上线,好不容易闲下来就继上篇<基于Windows10 x64+visual Studio2013+Python2.7.12环境下的C ...

  7. React Native知识7-TabBarIOS组件

    一:简介 两个TabBarIOS和TabBarIOS.Item组件可以实现页面Tab切换的功能,Tab页面切换的架构在应用开发中还是非常常见的.如:腾讯QQ,淘宝,美团外卖等等 二:TabBarIOS ...

  8. Android WebView加载本地html并实现Java与JS交互

    最近做的一个项目中,用到自定义地图,将自定义地图转换成html页面,现在需要做的是如何将本地的html加载到android中,并可以实现交互. 相关讲解: 其实webview加载资源的速度并不慢,但是 ...

  9. jQuery.buildFragment源码分析以及在构造jQuery对象的作用

    这个方法在jQuery源码中比较靠后的位置出现,主要用于两处.1是构造jQuery对象的时候使用 2.是为DOM操作提供底层支持,这也就是为什么先学习它的原因.之前的随笔已经分析过jQuery的构造函 ...

随机推荐

  1. linux下tree命令产生乱码，通过修改字符集解决

    alias tree='tree --charset ASCII'

  2. 用python提取xml里面的链接源码

    因群里朋友需要提取xml地图里面的链接,就写了这个程序. 代码: #coding=utf-8 import urllib import urllib.request import re url='ht ...

  3. Linux 怎样更改locale语言设置

    推荐使用UTF8编码,因为这是国际标准,能兼容任何语言的编码.在CentOS VPS下修改语言编码: localedef -c -f UTF-8 -i zh_CN zh_CN.utf8 export ...

  4. Tkinter 鼠标键盘事件（二）

    一个Tkinter主要跑在mainloop进程里.Events可能来自多个地方,比如按键,鼠标,或是系统事件. Tkinter提供了丰富的方法来处理这些事件.对于每一个控件Widget,你都可以为其绑 ...

  5. Leetcode.142-Linked-list-cycle-ii(环形链表II)

    环形链表II 思路 https://www.cnblogs.com/springfor/p/3862125.html https://blog.csdn.net/u010292561/article/ ...

  6. 读架构漫谈&我眼中的架构师

    本周是开学的第二周,读了由资深架构师王概凯 Kevin 执笔的系列专栏架构漫谈.初识这门课,懂得也不是很多,读了架构漫谈,有了一些理解. 首先作者讲述了缘起,由早期人独立自主生活到后来的集群,作者由这 ...

  7. 流媒体服务器 red5

    https://github.com/Red5/red5-server/releases/tag/v1.0.7-RELEASE   打开此链接  再tar包那里  复制链接地址 Wget此链接地址 W ...

  8. python异步编程

    python用asyncio 模块实现异步编程,该模块最大特点就是,只存在一个线程 由于只有一个线程,就不可能多个任务同时运行.asyncio 是"多任务合作"模式(coopera ...

  9. NCBI之UniVec数据库及去载体

    1.数据库简介 UniVec是一个数据库,可用于快速识别核酸序列中可能来自载体来源(载体污染)的片段.使用UniVec进行筛选是高效的,因为已经消除了大量冗余子序列,从而创建一个只包含来自大量载体的每 ...

  10. 字符串s倒序输出

    编程将字符串s倒序输出,要求利用函数递归实现. 输入格式要求:"%s" 提示信息:"input your string:\n" 输出格式要求:"%c& ...