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

时间:2022-09-22 19:48:22
  • 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 文档。有利于搜索引擎搜索。