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. 关于如何自定义修改pytest-html报告深度学习总结

    第一.pytest-html执行命令总结: pytest test_case.py --html=report.html --self-contained-html 直接html独立显示pytest ...

  2. JS高阶---原型链

    [大纲] [主体] 1.创建函数 注意:Object内置原生对象原来就有 2.添加实例方法 3.根据构造函数创建实例对象 原型链寻找 1.本身有在本身找 2.本身没有往摸着隐式原型链往里找 或者再上层 ...

  3. APPIUM 常用API介绍（3）

    1.send_keys send_keys(self, *value): Simulates typing into the element[在元素中模拟输入(开启appium自带的输入法并配置了ap ...

  4. 莫烦TensorFlow_09 MNIST例子

    import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data mnist = input_dat ...

  5. <console>:14: error: not found: value spark import spark.implicits.

    启动 ./spark-shell 出现问题 启动 hadoop, 并创建,解决 hadoop fs -mkdir /directory 解决了

  6. WordCount-JAVA版

    WordCountMapper import java.io.IOException; import org.apache.hadoop.io.IntWritable; import org.apac ...

  7. AutoResetEvent介绍及使用场景

    AutoResetEvent 允许线程通过发信号互相通信.通常,此通信涉及线程需要独占访问的资源. 线程通过调用 AutoResetEvent 上的 WaitOne 来等待信号.如果 AutoRese ...

  8. openlayers在底图上添加静态icon

    越学习openlayer你会发现openlayer是真的很强大,今天记录一下学习的成果,需求是做那种室内的CAD的场景然后里面展示人员icon并且实时展示人员的位置信息,以及点击弹出对应人员的一些位置 ...

  9. [LeetCode] 916. Word Subsets 单词子集合

    We are given two arrays A and B of words.  Each word is a string of lowercase letters. Now, say that ...

  10. 粘包和拆包及Netty解决方案

    在RPC框架中,粘包和拆包问题是必须解决一个问题,因为RPC框架中,各个微服务相互之间都是维系了一个TCP长连接,比如dubbo就是一个全双工的长连接.由于微服务往对方发送信息的时候,所有的请求都是使 ...