day2-什么是HTML?、什么是HTML5?、Web语义化的简单理解、基本的HTML标签。
2018-05-23 20:55
525 查看
时间:2018.5.23
时长:4h
----HTML5是什么
HTML5是万维网的核心语言标准通用标签语言下的一个超文本标记语言的第五次重大修改(目的是为了在移动设备上支持多媒体)注:上一个版本是HTML4.01----HTML语义化是什么、是为了解决什么问题
HTML语义化简单说来就是让机器可以读懂内容HTML语义化目标是将当前的网页提升为计算机能够“理解”和处理的网页
web语义化简单来说就是为了计算机能够“理解”。web语义化目标是将当前的网页达到能够让计算机“理解”和处理的网页,并且利于开发者之间阅读和写出有优美的代码。
web语义化的优点:
- 有利于搜索
- 容易兼容不同设备
- 结构清晰,利于团队的开发、维护
----HTML元素标签、属性都是什么概念
HTML标签标记了HTML文档和HTML元素HTML标签由开始标签和结束标签组成.开始标签为尖括号包围的元素名,结束标签为尖括号包围的斜杠和元素名----基本的HTML标签
HTML属性为HTML元素提供附件信息
----meta标签都是用来做什么
meta标签提供有关页面的元信息META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等
----链接是什么概念、对应什么标签
链接就是有一个地方链接跳转到链接所对应的页面对应的是<a href="链接地址"></a>
----常用标签有哪些、都适合用在什么场景
<img>标签 适合用在需要给用户提供图片的地方<div>标签 在网页制作编写过程中,把一个代码放在div来更加清晰自己的逻辑
<h1>-<h6>标签 适合用在标题部分
<p>标签 适合用在文章段落部分
<a>标签 适合用在页面之间跳转
----表单标签都有哪些、对应着什么功能、都有哪些属性
<form>表单标签用于收集用户的输入<input> 功能:输入单行文本 属性:text(单行输入)、password、submit、radio、checkbox、button、number、date、color、range、month、week、time、datetime、datetime-local、email、tel、search、tel、url(HTML5新属性,有兼容性问题)
<select> 功能:下拉列表
<option> 功能:待选择的选项
<textarea> 功能:文本域(可以多行输入字段)
<button> 功能:按钮
<datalist> 功能:预定用户会选择的列表项
<keygen> 功能:密钥对生成器字段(加密获取的字段)
<output> 功能:定义不同类型的输出
----ol,ul,li,dl,dd,dt等这些标签适合用在什么地方、举个例子
这三个可以为一组ol适合用在有序的列表 例子:给一个东西排序
ul适合用在无序的列表 例子:新闻列表、导航条
li用在ol和ul中作为列表项目
下面三个是一组
dl适合用在定义列表 例子:新闻列表(下面有标题+标题对应的项目) 如:经济类>股票、 黄金 体育>nba、足球
dd是定义列表中项目
dt是描述定义列表中的项目
阅读更多
相关文章推荐
- 对HTML语义化标签有什么理解?
- Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?
- web开发之简单常用的HTML标签使用介绍
- 理解HTML语义化(WEB语义化)
- 一个web前端初学者对html的简单理解
- 入门:HTML的基本标签和属性简单介绍
- web学习—html标签—核心元素,基本属性,注释
- 【web前端】html标签简单总结
- HTML语义化:HTML5新标签——template
- 入门:HTML的基本标签和属性简单介绍
- HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 这些标签是什么?
- (转) Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?
- 【HTML5 canvas】关于canvas标签的理解和简单应用
- Web开发之HTML基本标签学习
- HTML语义化 以及HTML5新的语义化标签
- asp.net中HTML控件和web控件的简单理解
- Web4 标签和html基本概念
- HTML5/CSS3系列教程:HTML5基本标签使用header,nav和footer
- 简单讨论HTML语义化(语义化标签)
- HTML基本介绍与简单标签