首页 > 技术文章 > 移动Web开发(二)

jiajin 2016-11-15 21:10 原文

  这些天一直在忙iOS,Android和.Net方面的知识都有些忘记了,汗。不过还是先重温一下HTML吧,手动滑稽。

  说实话前面的基础部分基本上大家都会,就当看个热闹吧。

1、HTML的核心要素——标签(Tag)

  用 p 标签定义一段文字;

  用 em 标签来强调一个短语;

  用 strong 标签定义首字母缩写词;

  用 ul 和 li 标签定义一个列表;

  用 code 标签展现一段代码;

  等等。

2、属性(attribute)

  一些全局属性: id: 元素的唯一标识符

          title: 元素的标题

          lang: 为元素和包含元素指定语言

          class: 规定元素的类名

  其他特有属性:   src: img和script元素,规定显示图像或者外部脚本文件的URL

          rel: link和a元素,定义当前文档和被链接文档之间的关系

          type: input元素、规定input元素的类型,使之呈现出不同形态

          onclick: 所有可见元素、定义了相应的DOM时间,可以在属性值里嵌入JavaScript代码用以控制页面。    

3、HTML5的全局属性

  lang属性:站点国际化。

  contentEditable:元素可编辑。(简单的富文本编辑器)

  contextmenu: 右键菜单。

  draggable和dropzone:拖曳功能。(文件拖放上传)

  hidden:让元素不显示

  spellcheck:检测可编辑区域的拼写语法错误

  data-*: 存储与HTML相关联的数据(很多JS库都使用data-属性来进行组件或者API的定义)

4、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

 

推荐阅读