标签：创建 权限管理 元素 搜索引擎 font 管理机 改变 mvp pad
网页基本要素DOCTYPE、html、head、body
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="zh"></html> 属性是lang="zh"设置网页描述语言为中文
<html manifest="example.appcache"></html>指定网页缓存文件，可以让用户在离线的时候（比如说在飞机上时）也能够访问页面。
<html xmlns="http://www.w3.org/1999/xhtml"></html>设置html文档的名空间，比如把网页设置成xhtml的时候可以用这个属性
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">meta name指定要描述的信息的名称
meta.http-equiv设定网页的头信息，可以用于设置http协议传输时的头信息，也可以设定一些网页的行为。
meta.content和name,http-equiv等属性配合使用，记载属性的描述内容。
meta.charset指定网页的文字编码，推荐使用utf8编码。
设置网页的标题，可以显示在浏览器上。
title是head标记的子标记，写在head标记中。
这个也是搜索引擎优化（SEO）的一部分，所以给自己的网页起一个好的标题， 更容易被所有引擎找到。
link标记是链接外部文件时使用的标记，它能把外部文件的内容引用到当前的网页中来， 使当前的网页能够实现更多的功能。
// 比如外联css样式文件
<link rel="stylesheet" href="./rWR.css">style标记描述CSS样式单的定义。（样式单文件的引用使用link标记）
属性
模版标记template可以定义一个HTML的代码片段，然后通过脚本语言（javascript）向网页中动态生成内容，减少html的重复编码，增加代码的复用性，从而提高工作效率。在vue框架中常用
属性
DOCTYPE是document type的简写,它并不是 HTML标签，也没有结束标签它是一种标记语言的文档类型声明，即告诉浏览器当前 HTML 是用什么版本编写的。
声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
这也就是怪异的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
标准模式，浏览器使用W3C的标准解析渲染页面.
怪异模式，浏览器使用自己的怪异模式解析渲染页面。
除了不写DOCTYPE声明外，最常见的就是在DOCTYPE声明前面出现了这些内容：普通文本、HTML 标签、HTML 注释、XML 声明、IE条件注释。
盒模型分为IE盒模型（怪异盒子）和W3C标准盒模型（标准盒子）。
width = content（不包含 padding 和 border）width = border（边框左右）+padding（左右）+content现在默认是标准盒子但是可以将box-sizing设为border-box则用的是IE盒模型
什么是外边距margin重叠
外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。
元素和父元素margin值问题
父元素无 border、padding、inline content 、 clearance时，子元素的margin-top/bottom会与父元素的margin产生重叠问题。
行内元素的特点：
block块元素特点
inline-block行内块元素特点
一些问题
快速切换文件：
按Ctrl+P（cmd+p on
mac）,就能快速搜寻和打开你项目的文件。
在源代码中搜索：
大家都知道如果在要在Elements查看源码，只要定位到Elements面板，然后按ctrl+f就可以了
使用多个插入符进行选择：
当编辑一个文件的时候，你可以按住Ctrl在你要编辑的地方点击鼠标，可以设置多个插入符，这样可以一次在多个地方编辑
Pretty Print的按钮在Sources标签的左下角用于格式化凌乱的js源码
颜色选择器：
当在样式编辑中选择了一个颜色属性时，你可以点击颜色预览，就会弹出一个颜色选择器。当选择器开启时，如果你停留在页面，鼠标指针会变成一个放大镜，让你去选择像素精度的颜色。
在颜色预览功能使用快捷键Shift + Click，可以在rgba、hsl和hexadecimal来回切换颜色的格式
Chrome Dev开发者选项,浏览器进入chrome://flags，你会看到很多浏览器很多隐藏功能，启用开发者工具实验。viewport 是用户网页的可视区域。
在PC端浏览器上的视口宽度是与浏览器内部的宽度是保持一致的，但是移动端浏览器的情况会不一样，介于各种设备的分辨率大小、以及浏览器的特性、供应商的要求等等方面，它们的视口大小可能会不一样。
css 中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css 中的 1px 所代表的设备物理像素是不同的。
移动设备默认的 viewport 是 layout viewport，也就是那个比屏幕要宽的 viewport，但在进行移动设备网站的开发时，我们需要的是 ideal viewport。
在head中加入以下代码
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">作用是让当前 viewport 的宽度等于设备的宽度，同时不允许用户手动缩放。如果不这样的设定的话，那就会使用那个比屏幕宽的默认 viewport，也就是说会出现横向滚动条
第一种方法
可以使用document.write来动态输出meta viewport标签，例如：
document.write('<meta name="viewport" content="width=device-width,initial-scale=1">')第二种方法
通过setAttribute来改变
<meta id="testViewport" name="viewport" content="width = 380"><script>var mvp = document.getElementById('testViewport');
mvp.setAttribute('content','width=480');</script>1．SVN优缺点
优点：
1、 管理方便，逻辑明确，符合一般人思维习惯。
2、 易于管理，集中式服务器更能保证安全性。
3、 代码一致性非常高。
4、 适合开发人数不多的项目开发。
缺点：
1、 服务器压力太大，数据库容量暴增。
2、 如果不能连接到服务器上，基本上不可以工作，看上面第二步，如果服务器不能连接上，就不能提交，还原，对比等等。
3、 不适合开源开发（开发人数非常非常多，但是Google app engine就是用svn的）。但是一般集中式管理的有非常明确的权限管理机制（例如分支访问限制），可以实现分层管理，从而很好的解决开发人数众多的问题。
2．Git优缺点
优点：
1、适合分布式开发，强调个体。
2、公共服务器压力和数据量都不会太大。
3、速度快、灵活。
4、任意两个开发者之间可以很容易的解决冲突。
5、离线工作。
缺点：
1、学习周期相对而言比较长。
2、不符合常规思维。
3、代码保密性差，一旦开发者把整个库克隆下来就可以完全公开所有代码和版标签：创建 权限管理 元素 搜索引擎 font 管理机 改变 mvp pad
原文地址：https://www.cnblogs.com/housheng/p/11899785.html
