ife 零基础学院 day 2

时间：2022-12-26 14:14:41

第二天：给自己做一个在线简历吧
最后的验证，提出了几个问题，尝试解答一下

HTML是什么，HTML5是什么

HTML的定义摘抄自w3school的HTML 简介

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

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

HTML5的定义也摘抄自w3school的HTML 5 简介

HTML5是下一代的HTML，一个新版本的HTML。
HTML5 的一些规则：

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减少对外部插件的需求（比如 Flash）
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5 应该独立于设备
  • 开发进程应对公众透明

新特性
HTML5 中的一些有趣的新特性：

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如 article、footer、header、nav、section
  • 新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

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

摘抄自HTML简介

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

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

摘抄自HTML 元素

HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

摘抄自HTML 属性

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

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

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

摘抄自HTML <!DOCTYPE>
概念：

它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。

作用：

声明帮助浏览器正确地显示网页。
HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。

meta标签都用来做什么的？

摘抄自HTML <meta> 标签

定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

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

Web语义化是指使HTML元素有更清晰的语义，例如HTML5的新增内容元素article、footer、header、nav、section。
顾轶灵关于“如何理解 Web 语义化？”的回答提到

什么是语义化？其实简单说来就是让机器可以读懂内容。

摘自*的词条语义化

语义化是前端开发里面的一个专用术语，其优点在于标签语义化有助于构架良好的html结构，有利于搜索引擎的建立索引、抓取；另外，亦有利于页面在不同的设备上显示尽可能相同；此外，亦有利于构建清晰的机构，有利于团队的开发、维护。

从上述的文字中，对语义化解决什么问题，可以简单表述：

  • 使html结构更有序和清晰
  • 利于搜索引擎索引和抓取
  • 利于不同设备的显示
  • 利于团队开发和维护

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

摘抄自HTML 链接

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
我们通过使用<a>标签在 HTML 中创建链接。
有两种使用<a>标签的方式：
1.通过使用 href 属性 - 创建指向另一个文档的链接
2.通过使用 name 属性 - 创建文档内的书签

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

HTML 参考手册-标签列表（功能排序）

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

摘抄自http://www.w3school.com.cn/tags/html_ref_byfunc.asp

表单

标签 描述
<form> 定义供用户输入的 HTML 表单。
<input> 定义输入控件。
<textarea> 定义多行的文本输入控件。
<button> 定义按钮。
<select> 定义选择列表（下拉列表）。
<optgroup> 定义选择列表中相关选项的组合。
<option> 定义选择列表中的选项。
<label> 定义 input 元素的标注。
<fieldset> 定义围绕表单中元素的边框。
<legend> 定义 fieldset 元素的标题。
<isindex> 不赞成使用。定义与文档相关的可搜索索引。
<datalist> 定义下拉列表。
<keygen> 定义生成密钥。
<output> 定义输出的一些类型。

表单属性请查看http://www.w3school.com.cn/html/html_form_attributes.asp

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

参考自HTML 列表

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

显示如下

  • Coffee
  • Milk

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

显示如下：

  1. Coffee
  2. Milk

自定义列表以 <dl>标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd>开始。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

显示如下：
Coffee
Black hot drink
Milk
White cold drink

标签：

相关文章