这些天一直在忙iOS,Android和.Net方面的知识都有些忘记了,汗。不过仍是先重温一下HTML吧,手动滑稽。canvas
说实话前面的基础部分基本上你们都会,就当看个热闹吧。编辑器
一、HTML的核心要素——标签(Tag)ide
用 p 标签订义一段文字;svg
用 em 标签来强调一个短语;code
用 strong 标签订义首字母缩写词;ip
用 ul 和 li 标签订义一个列表;文档
用 code 标签展示一段代码;input
等等。iframe
二、属性(attribute)富文本编辑器
一些全局属性: id: 元素的惟一标识符
title: 元素的标题
lang: 为元素和包含元素指定语言
class: 规定元素的类名
其余特有属性: src: img和script元素,规定显示图像或者外部脚本文件的URL
rel: link和a元素,定义当前文档和被连接文档之间的关系
type: input元素、规定input元素的类型,使之呈现出不一样形态
onclick: 全部可见元素、定义了相应的DOM时间,能够在属性值里嵌入JavaScript代码用以控制页面。
三、HTML5的全局属性
lang属性:站点国际化。
contentEditable:元素可编辑。(简单的富文本编辑器)
contextmenu: 右键菜单。
draggable和dropzone:拖曳功能。(文件拖放上传)
hidden:让元素不显示
spellcheck:检测可编辑区域的拼写语法错误
data-*: 存储与HTML相关联的数据(不少JS库都使用data-属性来进行组件或者API的定义)
四、HTML内容模型
元数据式内容:base、meta、link、script、type、noscript、command、title
流式内容: 大部分元素
章节式内容:article\aside\nav\section
标题式内容:h1\h2\h3\h4\h5\h6\hgroup
段落式内容: a\abbr\image
嵌入式内容:audio\canvas\embed\iframe\imag\math\object\svg\vedio
交互式内容:a\audio\button\details\embed\iframe\imag\input\label\menu\select\textarea\video