百度前端学院-基础学院-第二课

HTML是什么，HTML5是什么
HTML元素标签、属性都是什么概念？
文档类型是什么概念，起什么作用？
meta标签都用来做什么的？
Web语义化是什么，是为了解决什么问题
链接是什么概念，对应什么标签？
常用标签都有哪些，都适合用在什么场景
表单标签都有哪些，对应着什么功能，都有哪些属性
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方，举个例子

今天是第二课，需要解决以上问题。以下是学习过程中对问题的解答。

1，什么是HTML，HTML指的是超文本标记语言，不是一种编程语言，是一种标记语言。其实是一套标记标签。用来描述网页。HTML5是下一代的HTML，HTML5,去其糟泊取其精华，并顺应时事，添加了一些功能和规则。具体来说，HTML5新建的规则有：

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

HTML5添加的新特性有：

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

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

HTML元素标签是一类用来描述网页结构的tags。属性提供了有关HTML元素的更多的信息，属性总是以key/value的形式出现，比如：class："head"。

3，meta标签都是用来干嘛的？ meta是提供关于HTML的元数据，不会显示在页面上，但是对于机器是可读的。一般被用来规定页面的描述、关键词、文档作者。

元数据可用来浏览器如何显示内容或重新加载页面，用于搜索引擎（关键字）。一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。

4，文档类型是什么概念，起什么作用？文档类型就是:: <!DOCTYPE> 声明. HTML有多个版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确的显示页面，不是一个标签，是一个为浏览器设置的声明，告诉浏览器用的版本号，HTML5使用的版本声明为<!DOCUMENT html>

5, 链接是什么概念，对应什么标签？链接也就是超链接，可以是一个字、一幅图、一组词，可以通过点击这些，来实现跳转到另外一个页面。对应标签是<a>

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

ol: 有序list，前面默认数字排序。ul：无需list，默认小黑原点。li：list的项目。dl：自定义序列，dd：自定义的项目，dl：自定义项目描述。

7，常用标签都有哪些，都适合用在什么场景：<h1>标题<p>段落<address>地址<q>短引用<blockqoute>长引用

8, 表单标签都有哪些，对应着什么功能，都有哪些属性? <form>,表单元素有<input>,<textarea>,<button>

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

语义化是为了让机器能读懂页面，有利于种用户代理甚至网络爬虫更好地理解 HTML 文档。有利于搜索引擎搜索。

转载于:https://www.cnblogs.com/yadiblogs/p/8941857.html

百度前端学院-基础学院-第二课相关推荐

百度前端小薇学院任务一
任务一因为时间关系所以草草完成了···果然学习了要会运用才是王道!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
百度前端学院-基础学院-第四课
今天是第四天,进度可以,表扬一下自己. 今天的课程目标是:掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性. CSS背景: 背景色:background-color:gray ...
百度前端Web技术学院
学院介绍这是一个什么样的学院百度Web前端技术学院(Baidu Institute of Front-End Technology简称IFE)是一个由百度人力资源部校园招聘组.百度EFE团队联合出 ...
百度前端-小薇学院Task5笔记总结
一. 浮动浮动脱离标准文档流,漂浮于文档流上方,元素里面的内容可以随着元素宽度的改变而进行改变. 二. BFC 一.BFC的概念 Block Formatting Context BFC是一个独立 ...
52PJ官网基础教程第二课的分享(OD)_Part2
继续上一课 https://mp.csdn.net/postedit/100815693 之后的分享在破解"吾爱破解培训第二?***dumped.exe"的时候(修改)发现修 ...
Python基础入门第二课--Python编辑器的选择
Python 非常易学,强大的编程语言.Python 包括高效高级的数据结构,提供简单且高效的面向对象编程. Python 的学习过程少不了 IDE 或者代码编辑器,或者集成的开发编辑器(IDE).这 ...
二分类交叉熵损失函数python_【深度学习基础】第二课：softmax分类器和交叉熵损失函数...
[深度学习基础]系列博客为学习Coursera上吴恩达深度学习课程所做的课程笔记. 本文为原创文章,未经本人允许,禁止转载.转载请注明出处. 1.线性分类如果我们使用一个线性分类器去进行图像分类该怎 ...
52PJ官网基础教程第二课的分享(OD)_Part1
首先要感谢KIDO老师的教程,分享一下对于超级小白来说有点歪的地方: 首先是CTRL + G寻找关键词,需要提前在插件--STRONGOD--Option 里面反勾选 "ADV CTRL ...
如何制作 ChatGPT 清晰有效咒语与Chat GPT高效交流——基础篇第二课
在上一篇文章中,我们已经了解了 ChatGPT 的特性.应用范围以及逆天之处.然而,要想获得 ChatGPT 的逆天能力,最关键的一点就是必须掌握准确的"咒语",即让其能够准确地理 ...

百度前端学院-基础学院-第二课

百度前端学院-基础学院-第二课相关推荐

最新文章

热门文章