IFE第二天小结
2019-01-13 本文已影响0人
万年神药板蓝根
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 标签通常是成对出现的，比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
属性为 HTML 元素提供附加信息。
- HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
- 属性总是以名称/值对的形式出现，比如：name="value"。
- 属性总是在 HTML 元素的开始标签中规定。
3、文档类型是什么概念，起什么作用？
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。
浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。
4、meta标签都用来做什么的？
元数据（metadata）是关于数据的信息。
- <meta> 标签提供关于 HTML 文档的元数据。
- 元数据不会显示在页面上，但是对于机器是可读的。
- 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、
最后修改时间以及其他元数据。 - 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），
或其他 web 服务。
5、Web语义化是什么，是为了解决什么问题
html语义化
- 一个 html元素的存在就意味被标记内容的那部分有相应的结构化的意义，
没有理由使用其他的标记。 - 换句话说，不要让css使一个html元素看起来就像另一个html元素，
比如用<div>来代替<p>标记标题。
css命名语义化
- 一般而言，CSS类名的语义化声明方式应当考虑页面中某个相对元素的”用意”，
独立于它的“定位”或确切的特性(结构化方式)。 - 像left-bar, red-text, small-title…这些都属于结构化定义的例子。
web语义化的好处
- 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
- 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：
爬虫依赖于标签来确定上下文和各个关键字的权重； - 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
- 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，
遵循W3C标准的团队都遵循这个标准，可以减少差异化。
6、链接是什么概念，对应什么标签？
HTML 使用 <a> （锚）标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。
链接对应的的标签是：
<a href="#">这是一个空链接</a>
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是自定义列表中的项目
