美文网首页
HTML5布局之路 1-2

HTML5布局之路 1-2

作者: scoyzhao | 来源:发表于2018-03-13 10:46 被阅读0次

1 认识HTML5

狭义:w3c指定的关于html技术约定的新规范,可以认为是原有h4的升级版
广义:从技术变成了一个行业,可以作为一个行业开发的技术标准
技术:除了加强一些api,增加了移动端的开发和制作,Canvas

2 HTML5的组成

html5 结构 + css3 样式 + JavaScript 行为

3 HTML结构

文档声明,html标签

title

meta元信息:

name属性描述网页
http-equiv是http头文件,向浏览器传递有用的信息。如content-type等
字符编码:<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
第二句话的意思是:Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染

其他

转义字符:

1.< &lt;
2.> &gt;

  1. 空格 &nbsp;

乱码:文件内部字符编码、文件编码、浏览器编码均保持一致才能避免乱码的问题。

相关文章

  • HTML5布局之路 1-2

    1 认识HTML5 狭义:w3c指定的关于html技术约定的新规范,可以认为是原有h4的升级版广义:从技术变成了一...

  • HTML5布局之路

    Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端...

  • HTML5布局之路 整体布局

    1.div是一个块元素,块元素默认占据腹肌元素的宽度,由内容撑开高度。 2.外部引入css的时候,可以在第一行加入...

  • HTML5布局之路 模块布局

    1.hr分割线,br行内换行,仍然属于一个段落。 2.行内标签:span em strong var(斜) 3.d...

  • 九、HTML5响应式布局

    @(HTML5)[相应式布局] [TOC] 九、HTML5响应式布局 什么是响应式网页设计(布局) 响应式网页设计...

  • HTML

    推荐书籍:HTML5布局之路 推荐网站:慕课网、菜鸟教程 1.HTML 是什么?是编程语言吗? HTML即“超文本...

  • HTML5布局之路 文本与特殊布局

    一、文本:背景:background,复合写法,类似于border,可以同时设置颜色、图片、重复、定位、关联(滚动...

  • 2019-06-05

    所有笔记的图片 html5布局

  • 前端路线

    命令行、Git HTML5、CSS3、BFC、定位、层叠上下文、边距折叠、浮动布局、flex布局、grid布局、兼...

  • H5提纲布局

    传统布局与HTML5布局和H5新语义标签 传统网页布局 H5 经典网页布局 H5新语义标签 输入类型 (表单类型,...

网友评论

      本文标题:HTML5布局之路 1-2

      本文链接:https://www.haomeiwen.com/subject/xznafftx.html