[HTML5学习]HTML5课程大纲介绍_html知识点整理
一、html5
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。
xhtml
XHTML 1.0在200年1月26日成为W3C的推荐标准。HTML是一种基本的WEB网页设计语言,XHTML是一个基于可扩展标记语言的标记语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的可扩展标记语言(XML),所以,本质上说,XHTML是一个过渡技术,结合了部分XML的强大功能及大多数HTML的简单特性。
html5新规范介绍
html5的设计原理
html5与xhtml的区别
浏览器世界大战
html在web中的作用
docType头文件声明
<html>,<head>,<body>,<meta>,<title>,<link>,<script>,<style>标签元素的语义与使用
html的结构与规范
如何创建标准的html5模板文档
浏览器盒模型基础
width宽度,height高度,color颜色,border边框样式
标签元素的基本属性
<div>,<span>作用详解
<article>,<section>,<aside>,<header>,<footer>,<nav>作用详解
标题<h1>~<h6><hgroup>
段落<p>,换行<br>
短语文本<em>,<i>,<strong>,<b>,<sub>,<sup>,<small>,<mark>,<kbd>,<del>
超链接标签<a>和4种状态
图片标签<img>
列表组合标签:有序列表<ol>,<li>、无序列表<ol>,<li>、自定义列表<dl>,<dt>,<dd>
音频视频<audio>,<video>,<source>
画布<canvas>
表格<table>,<tr>,<th>,<td>
表单<form>,<input>的类型:button按钮、checkbox复选框、file文件上传、password密码、text文本、submit提交按钮、tel电话号码、email邮箱文本框、url网页链接、search搜索框、range数值选择起,滑动条、number数字和属性详解。
框架<iframe>
二、SVG
SVG 是使用 XML 来描述二维图形和绘图程序的语言,制作可伸缩矢量图形,在 2003 年一月,SVG 1.1 被确立为 W3C 标准。
什么是svg
svg的浏览器支持情况
svg文件在html5文档中的引入方式<embed>,<object>,<iframe>
svg矩形<rect/> 属性:x,y,width,height,rx,ry
svg圆形<circle/>属性:r,cx,cy
svg椭圆<ellipse/>属性:rx,ry,cx,cy
svg直线<line/>属性:x1,y1,x2,y2
svg多边形<polygon/>属性:points
svg折线<polyline/>属性:points
svg路径<path/>属性:d、贝塞尔曲线
svg文本<text/>
svg 阴影
svg fill(填充)和stroke(边框)属性
svg 渐变<defs><linearGradient><radialGradient>属性:gradientUnits
svg 图案<pattern>属性:gradientUnits