IFE第二天小结

1、HTML是什么，HTML5是什么

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言 (Hyper Text Markup Language)
• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

HTML5 是下一代的 HTML。

• HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
• HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
• HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

2、HTML元素标签、属性都是什么概念？

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

• HTML 标签是由尖括号包围的关键词，比如
• HTML 标签通常是成对出现的，比如 和
• 标签对中的第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签

属性为 HTML 元素提供附加信息。

• HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
• 属性总是以名称/值对的形式出现，比如：name="value"。
• 属性总是在 HTML 元素的开始标签中规定。

3、文档类型是什么概念，起什么作用？

HTML 文档 = 网页

• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档也被称为网页
  Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。
  浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

4、meta标签都用来做什么的？

元数据（metadata）是关于数据的信息。

• 标签提供关于 HTML 文档的元数据。
• 元数据不会显示在页面上，但是对于机器是可读的。
• 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、
  最后修改时间以及其他元数据。
• 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），
  或其他 web 服务。

5、Web语义化是什么，是为了解决什么问题

html语义化

• 一个 html元素的存在就意味被标记内容的那部分有相应的结构化的意义，
  没有理由使用其他的标记。
• 换句话说，不要让css使一个html元素看起来就像另一个html元素，
  比如用
  来代替

  标记标题。

css命名语义化

• 一般而言，CSS类名的语义化声明方式应当考虑页面中某个相对元素的”用意”，
  独立于它的“定位”或确切的特性(结构化方式)。
• 像left-bar, red-text, small-title…这些都属于结构化定义的例子。

web语义化的好处

• 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
• 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：
  爬虫依赖于标签来确定上下文和各个关键字的权重；
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
• 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，
  遵循W3C标准的团队都遵循这个标准，可以减少差异化。

6、链接是什么概念，对应什么标签？

HTML 使用 （锚）标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。
链接对应的的标签是：

这是一个空链接

7、常用标签都有哪些，都适合用在什么场景

常用的标签太多，熟练使用W3C手册即可。

8、表单标签都有哪些，对应着什么功能，都有哪些属性？

HTML中常用的表单元素包括：

• 文本区域（textarea）
• 列表框（select）
• 文本输入框（input type=text）
• 密码输入框（input type=password）
• 单选输入框（input type=radio）
• 复选输入框（input type=checkbox）
• 重置按钮、提交按钮、隐藏域、等等

9、ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子。

• ol是有序列表

• ul是无序列表

• li是列表元素

• dl是自定义列表

• dd是自定义列表中的内容

• dt是自定义列表中的项目