weixin_34320159
weixin_34320159

HTML5前期学习准备（一）

HTML简介

1、html的基本概念

HTML:HyperTextMarket language，超文本标记语言（所谓“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。）是用来描述网页语言，html使用标记标签来描述网页，所以说html是一种标记语言，而不是编程语言。

-----html先知知识-----

在学习HTML之前最先应该了解的就是html环境的搭建，那么必须从编辑器和解析器等方面做一个深入的了解。现在为大部分开发者青睐的编程软件有sublime及visual studio code，当然现如今还有很多的集成开发软件如Dreamweaver等。
而主流的选择器内核及代表浏览器“Chrome、Safari、Firefox、Opera、IE（IEtest）；Firefox是开源的Presto（迅速的)代表作品Opera，Prefox是由Opera Software开发的浏览器排版引擎。它也是世界上公认的渲染速度最快的引擎。Webkit Safari内核，Chrome内核原型，他是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核Blink由Google和Opera Software开发的浏览器排版引擎。”

2、html文档的组成

完整的HTML文档是有多个HTML元素按照一定的方式组成的（此处为html5文档），如下图：
HTML5前期学习准备（一）_第1张图片

除了形式上较以前有所改变html5还增加了很多新的特性，比如：

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如 article、footer、header、nav、section
  • 新的表单控件，比如 calendar、date、time、email、url、search

3、html元素组成

HTML元素分为单标签元素、双标签元素及属性，而元素的分类则有块级元素行内元素和其他元素。

1. 块级元素
独占一行空间，用来布局段落，列表，导航菜单，脚注等结构，不要将块级元素嵌套在行内元素中。

             
this is paragraph1
            
             
this is paragraph2

2. 行内元素
与其他元素共享一行空间，一般被嵌套在块级元素中，通常作为段落的一部分出现

   
you are strong

3. 其他元素（空元素、替代元素等）
空元素：只包含单个标签，通常用于在文档中插入部分内容，例如img

替代元素：替代元素已经脱离了CSS的范畴，它们的表现不依赖CSS，典型的替换元素有，，