ife 零基础学院 day 2

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

HTML是什么，HTML5是什么

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

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

  • HTML 指的是超文本标记语言 (
    H
    yper 
    T
    ext 
    M
    arkup 
    L
    anguage)
  • 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 是用什么版本编写的。

作用：

<!DOCTYPE> 声明帮助浏览器正确地显示网页。
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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/370044.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

excel数据生成sql insert语句

excel数据生成sql insert语句

excel数据生成sql insert语句 excel表格中有A、B、C三列数据&#xff0c;希望导入到数据库users表中&#xff0c;对应的字段分别是name,sex,age 。 在你的excel表格中增加一列&#xff0c;利用excel的公式自动生成sql语句&#xff0c;方法如下&#xff1a; 1、增加一列&#xf…
阅读更多...
Java中的推断异常

Java中的推断异常

借用和窃取其他语言的概念和想法总是很高兴的。 Scala的Option是我真正喜欢的一个主意&#xff0c;因此我用Java编写了一个实现。 它包装了一个可能为null或不为null的对象&#xff0c;并提供了一些可按某种功能使用的方法。 例如&#xff0c;isDefined方法添加了一种面向对象的…
阅读更多...
重载，覆盖，隐藏

重载，覆盖，隐藏

转载于:https://www.cnblogs.com/jhcelue/p/7145525.html
阅读更多...
Animate.css介绍

Animate.css介绍

Animate.css简介 animate.css 动画库&#xff0c;预设了抖动&#xff08;shake&#xff09;、闪烁&#xff08;flash&#xff09;、弹跳&#xff08;bounce&#xff09;、翻转&#xff08;flip&#xff09;、旋转&#xff08;rotateIn/rotateOut&#xff09;、淡入淡出&#x…
阅读更多...
logstash 吞吐量优化_1002-谈谈ELK日志分析平台的性能优化理念

logstash 吞吐量优化_1002-谈谈ELK日志分析平台的性能优化理念

在生产环境中&#xff0c;我们为了更好的服务于业务&#xff0c;通常会通过优化的手段来实现服务对外的性能最大化&#xff0c;节省系统性能开支&#xff1b;关注我的朋友们都知道&#xff0c;前段时间一直在搞ELK&#xff0c;同时也记录在了个人的博客篇章中&#xff0c;从部署…
阅读更多...
spark SQL（三）数据源 Data Source----通用的数据 加载/保存功能

spark SQL（三）数据源 Data Source----通用的数据 加载/保存功能

Spark SQL 的数据源------通用的数据 加载/保存功能 Spark SQL支持通过DataFrame接口在各种数据源上进行操作。DataFrame可以使用关系变换进行操作&#xff0c;也可以用来创建临时视图。将DataFrame 注册为临时视图允许您对其数据运行SQL查询。本节介绍使用Spark Data Sou…
阅读更多...
sqlserver日期函数

sqlserver日期函数

SQLServer时间日期函数详解,SQLServer,时间日期, 1. 当前系统日期、时间 select getdate() 2. dateadd 在向指定日期加上一段时间的基础上&#xff0c;返回新的 datetime 值 例如&#xff1a;向日期加上2天 select dateadd(day,2,2004-10-15) --返回&#xff1a…
阅读更多...
荣耀鸿蒙系统开机动画,荣耀赵明：鸿蒙系统首发设备欲屏蔽开机广告

荣耀鸿蒙系统开机动画,荣耀赵明：鸿蒙系统首发设备欲屏蔽开机广告

来源&#xff1a;硅谷分析狮余承东表示8月9日会发布鸿蒙系统&#xff0c;而从他透露的一些细节看&#xff0c;鸿蒙系统将首先运用在智慧屏终端上&#xff0c;其配合大屏幕和自研芯片(麒麟AI芯片&#xff0c;鸿鹄智慧显示芯片&#xff0c;凌霄WIFI芯片)&#xff0c;将实现生态上…
阅读更多...
编写Maven插件的提示

编写Maven插件的提示

最近&#xff0c;我花了很多时间来编写或为Maven开发插件。 它们简单&#xff0c;有趣且有趣。 我以为我会分享一些技巧&#xff0c;使他们在编写时变得更轻松。 提示1&#xff1a;将任务与Mojo分开 最初&#xff0c;您将把mojo的所有代码放入mojo的类&#xff08;即&#xf…
阅读更多...
oracle通信通道的文件结尾_ORA-03113：通信通道的文件结尾解决

oracle通信通道的文件结尾_ORA-03113：通信通道的文件结尾解决

提示ORA-03113&#xff1a;通信通道的文件结尾解决事情原由&#xff1a;oracle安装到win7下&#xff0c;以为都是直接sqlplus / as sysdba&#xff0c;使用数据库&#xff0c;但最近连接时频繁报错&#xff0c;提示ORA-03113&#xff1a;通信通道的文件结尾进程 ID &#xff1a…
阅读更多...
Python_迭代器与生成器

Python_迭代器与生成器

迭代器 迭代是Python最强大的功能之一&#xff0c;是访问集合元素的一种方式。。 迭代器是一个可以记住遍历的位置的对象。 迭代器对象从集合的第一个元素开始访问&#xff0c;直到所有的元素被访问完结束。迭代器只能往前不会后退。 迭代器有两个基本的方法&#xff1a;iter()…
阅读更多...
JSOI 2009 BZOJ 1444 有趣的游戏

JSOI 2009 BZOJ 1444 有趣的游戏

题面 题目描述 小阳阳发明了一个有趣的游戏&#xff1a;有n个玩家&#xff0c;每一个玩家均有一个长度为 l 的字母序列&#xff0c;任何两个玩家的字母序列不同。共有m种不同的字母&#xff0c;所有的字母序列都由这m种字母构成&#xff0c;为了方便&#xff0c;我们取大写字母…
阅读更多...
html语言dl与ul,HTML中DL、UL、OL用哪个比较好

html语言dl与ul,HTML中DL、UL、OL用哪个比较好

大家好~ 我是一枚正直纯洁的苦逼程序员&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;ul&#xff0c;ol&#xff0c;dl标签是CSS网页布局中常用的列表元素。 列表将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来。1.ul标签&#xff1a;无序列表始于…
阅读更多...
slot多作用域 vue_详解Vue.js 作用域、slot用法（单个slot、具名slot）

slot多作用域 vue_详解Vue.js 作用域、slot用法（单个slot、具名slot）

作用域HEi免费资源网在介绍slot前&#xff0c;需要先知道一个概念&#xff1a;编译的作用域。比如父组件中有如下模板&#xff1a;HEi免费资源网{{message}}这里的message就是一个slot&#xff0c;但是它绑定的是父组件的数据&#xff0c;而不是组件< child-component >的…
阅读更多...
Java – JDK 8的远景

Java – JDK 8的远景

世界正在缓慢但肯定地发生变化。 经过更改后&#xff0c;Java有了JDK 7的全新外观&#xff0c;Java社区期待JDK 8&#xff08;可能还有JDK 9&#xff09;所带来的其余改进。 JDK 8的目标目的是填补JDK 7实施中的空白-该实施中剩下的部分难题&#xff0c;应该在2013年底之前为广…
阅读更多...
CSS 学习路线(一)元素

CSS 学习路线(一)元素

元素(element) 类型:替换和非替换元素 替换元素(replaced element): 用来替换元素内容的部分并非由文档内容直接显示. eg:img input 非替换元素(nonreplaced element): 其内容由用户代理在元素本身生成的框显示. eg:绝大多数都是非替换元素 基本元素类型:块级(block-lev…
阅读更多...
[urllib]urlretrieve在python3

[urllib]urlretrieve在python3

python3下面要使用&#xff1a;urllib.request.urlretrieve()这种形式的调用 1 from urllib.request import urlretrieve 2 3 4 urlretrieve(url, path) 转载于:https://www.cnblogs.com/sigai/p/8178375.html
阅读更多...
使用Gulp压缩CSS/JS

使用Gulp压缩CSS/JS

一、安装 1.安装gulp npm install -g gulp2.检查gulp 版本 gulp -v3.在项目文件夹下安装gulp npm install --save-dev gulp二、压缩JS 1.安装gulp-uglify模块 npm install gulp-uglify2.在项目根目录创建gulpfile.js文件 3.在gulpfile.js文件中写入代码 // 获取 gulpvar gulp …
阅读更多...
android活动开始,android – 点击谷歌地图标记infoWindow开始活动

android活动开始,android – 点击谷歌地图标记infoWindow开始活动

我建议使用HashMap或类似的东西.当您遍历对象列表并为它们创建标记时,还要将标记添加到列表中,使用对象的ID作为键,将标记作为值&#xff1a;private HashMap markerMap new HashMap();…for(MarkerObject obj : this.markerObjects){//If the marker isnt already being disp…
阅读更多...
Hamcrest包含匹配器

Hamcrest包含匹配器

与Hamcrest 1.2相比 &#xff0c;针对Matchers类的Hamcrest 1.3 Javadoc文档为该类的几种方法添加了更多文档。 例如&#xff0c;四个重载的contains方法具有更具描述性的Javadoc文档&#xff0c;如下面所示的两个比较屏幕快照所示。 尽管仅通过尝试就可以弄清楚“包含”匹配器…
阅读更多...
最新文章

Copyright @ 2022~2023