DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别?H5写DOCTYPE 的原因？你知道多少种Doctype文档类型？
html5的特性,如何区别html和html5，如何处理html5新标签的浏览器兼容问题？
HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。
HTML不是一种编程语言，而是一种标记语言（Markup language）
标记语言是一套标记标签（Markup Tag）
HTML:超文本标记语言，用来制作网页的一门语言，有标签组成的。比如图片标签、链接标签、视频标签等。
html标签 是所有标签的根节点
head标签 用于存放title meta base style script link
title标签 展示页面标题
body标签 页面的主题部分，用于存放所有标签
DOCTYPE 的作用是什么？标准模式与兼容模式各有什么区别?H5写DOCTYPE 的原因？你知道多少种Doctype文档类型？
DOCTYPE告诉浏览器的解析器用什么文档标准解析 这个文档。
DOCTYPE不存在或格式不正确，会导致文档以兼容模式呈现。
标准模式的排版中和JS运作模式都是以该浏览器支持的最高标准运行
在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器 的行为以防止站点无法工作
HTML5不基于SGML，所以不需要引用DTD，但是需要DOCTYPE来规范浏览器行为
Strict（严格的）、Transitional （过渡的）以及 Frameset（框架型）
html5的特性,如何区别html和html5，如何处理html5新标签的浏览器兼容问题？
1.语义特性：语义化更好的内容标签 audio video canvas nav footer
html语义化让页面的内容结构化，结构更清晰 即使在CSS情况下也以一种文档格式 显示，容易阅读
2. 表单控件：比如数字，日期，时间，日历，和滑块。
3. 多媒体支持：（借由video和audio）
4. API:比如本地储存取代cookie。
5. 声明：只需要！DOCTYPE就可以。
通过document. createElement方法即可，让浏览器识别新标签，浏览器支持新标签后，可以为新标签添加css样式。
1.web的标准就是让结构样式行为三者分离 使其更具模块化
2. w3c对web提出规范化的要求
标签要小写 标签要闭合 标签不能随意嵌套
3.对于css和js来说
要采用外链式的css样式和js脚本 提高网页渲染效果 提升用户体验
4.id 和 class命名要规范 标签越少 加载越快 代码维护简单提升用户体验 不需要变动页面内容 就可以打印版本而不复制内容 提升网站易用性
1.结构层：HTML 搭建文档结构
2.样式层：css 设置文档呈现效果
3.行为层：js 脚本实现文档行为
1.行内元素不会占据整行，在一条直线上排列，都是同一行，水平方向排列，块级元素会占据一行，垂直方向排列。
2.块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。
3.行内元素与块级元素属性的不同，主要是盒模型属性上，行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。
行内元素：span a b i u s br sup sub
块级元素：h1-h6 hr p table form div ul无序 ol有序 dl定义
行内块元素：img input
text 文本 image图片 url链接 file文件 color颜色
email邮箱 number数字 tel电话
time 时间 month月 week周 date日期 datetime datetime-local
range范围 search搜索 hidden隐藏 reset重置 button按钮
password 密码 submit提交 radio单选 checkbox复选
input的只读，禁用，必填
提供form表单，method请求方式 必须是post
enctype=“multipart/form-data”
提供input type=“file”类的上传输入域
Iframe是内联框架的简称，是一种允许外部网页嵌入到HTML文档中的HTML元素。与传统的用于创建网页结构的框架不同，iframe可以插入网页布局中的任何位置。
优点
缺点
1._blank：点击一次打开一个新窗口
2._new：始终在同一个新窗口中打开
3._self：默认，在当前窗口打开
4._parent：在父级窗口打开
5._top：在当前的整个浏览器中打开所链接文档，即在顶级窗口打开
6.framename：在指定的框架中打开被链接文档
title属性是把鼠标移动到图片上显示文本
alt属性当图片无法显示时显示的文本
src用于替换当前元素
href用于文档前期和引用资源之间建立联系
label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。
meta常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。
“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式
页面viewport：它在页面中设置，是应对手机模式访问网站、网页对屏幕而做的一些设置。通常手机浏览器打开页面后，会把页面放在一个虚拟的“窗口”–这个比窗口大，也就是你常发现页面可以进行拖动、放大放小，这个窗口即viewport，meta的这个viewport属性基本所有手机浏览器皆支持。
viewport特性，一个移动专属的Meta值，用于定义视口的各种行为。
1、相对路径：就是相对于自己的目标文件的位置。（指以当前文件所处目录而言文件的位置）以引用文件之间网页所在位置为参考基础，而建立出的目录路径。因此当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。
2、绝对路径：是指文件在硬盘上真正存在的路径。（指对站点的根目录而言某文件的位置）以web站点为根目录为参考基础的目录路径，之所以成为绝对，意指当所有网页引用同一文件时，所引用的路径都是一样的。
3、相对路径使用“/”字符作为目录的分隔字符，而绝对路径可以使用“\”或“/”字符作为目录的分隔字符
SVG 是一种使用 XML 描述 2D 图形的语言。
Canvas 通过 JavaScript 来绘制 2D 图形，是逐像素进行渲染的。
Canvas
依赖分辨率，不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
SVG
不依赖分辨率，支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用
扫一扫
756
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
