百度前端学院第二天

2019-07-23

我的理解:

HTML:超文本标记语言 HTML5:HTML的最新版本引入了很多新特性

HTML元素标签:用来标记网页内容 HTML元素属性:属性有很多种,通用的如class,id等,这些通用属性在CSS中做为选择器,HTML的一些元素标签还有自己特有属性用来声明样式,一般很少使用。

文档类型:文档类型是指浏览器在渲染HTML页面时的标准,目前最新标准是!DOCTYPE html按HTML5标准进行渲染,而之前还有HTML4.01标准以及XHTML标准。

meta标签:meta标签用来用来给搜索引擎提供信息,包括关键词,页面描述以及做一些与浏览器兼容性有关的事情。

Web语义化:Web语义化是用适当的HTML标签来标记页面内容方便机器理解页面内容。为了解决机器理解页面内容,以及无障碍阅读。

链接:链接可是是链接到一个页面,链接到邮箱,链接到电话号码。链接主要用来连接页面。标签link

常用标签:h1—h6,p,div,span,ul,ol,li,form,table,dd,dt,dl等,适用场景:h1—h6用来标记标题,p用来标记段落,div是常用的块级容器,span是常用的内联容器,ul无序列表,ol有序列表,li列表项,form表单,dd,dt,dl表格

表单标签form,input,复选,单选,文本,按钮

ol,ul,li,dl,dd,dt适用范围,ul无序列表项,比如这些问题就是用ul标签标注,ol有序列表,dl,dd,dt不了解

通过百度得到的结果:

HTML是HyperText Markup Language超文本标记语言的缩写,是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。

HTML5是HTML(超文本标记语言)的第五次更新的产品,这是一种解释型的语言,文件的扩展名的后缀为.htm或者.html的形式,这是众多厂商联合开发出来的产品,据说W3C将会在2022年推出标准版。虽然现在仍处于不断的完善中,但新增的新特性,新功能,不仅能节约Web开发者的时间和周期,还能提升用户的体验,更好的为开发者服务。

在HTML的时代,满屏的都是div元素,结构混乱,不易阅读,代码臃肿。在HTML5中,新增了许多语义化的布局标签,比如nav,header,footer,article等,使布局的网页结构清晰明了。还新增了音频,视频,图像,绘图,动画等功能,在以前,这些都是要用flash才能完成的。使用HTML5新增的功能能做出许多酷炫的效果。

标签用来标记内容块,也用来标明元素内容的意义(及语义),标签使用尖括号包围,如<html>和</html>,这两个标签表示一个HTML文档。

没有相应的结束标签的标签有<area><base><basefont><col><frame><hr><img><input><param><link><meta>等

标签是为一个元素的开始和结束做标记,网页内容是由元素组成的,一个元素通常由一个开始标签、内容、其他元素及一个结束标签组成。

与元素相关的特性叫做属性,可以为属性赋值(每个属性对应一个属性值,所以也称为"属性/值”对)/,"属性/值"出现在元素开始标签的最后一个“>”之前,通过空格分割。可以有任意数量的“属性/值”对,并且它们可以已任意顺序出现,但是属性名是不区分大小写的)。

DOCTYPE是docunment type(文档类型)的简写,用来说明web设计中所用的html或xhtml的类型,指出浏览器或者其他阅读程序按照什么样的规则(W3C所发布的一个文档类型定义即DTD)集去解释文档中的标记。

在W3C标准出来之前,浏览器对页面的渲染没有同一的标准,产生了差异,quirks mod(混杂模式或者兼容模式),但在W3C标准出台之后,浏览器对页面的渲染有了同一的标准即(严格模式或标准模式)。但是为了保证以前就得页面仍然正常显示,有的浏览器就保存了这两种渲染模式(标准兼容模式)。那么究竟采用哪一种方式进行渲染,就要看DOCTYPE生命中的DTD.

meta标签提供关于 HTML 文档的元数据。它不会显示在页面上,但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。

web语义化的好处

  1. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构

  2. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;

  3. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

HTML 使用超级链接与网络上的另一个文档相连。对应a标签。

ol为有序列表,即为一个需要排序的列表内容进行排列;
ul为无序列表,即为一个需要列表但不需要排顺序的内容排列;
li为列表的内容;
dl为定义列表;
dt为定义列表内的标题或项目名称;
dd为定义定义列表中项目的描述。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

常用表单元素

  form:定义供用户输入的表单。

  fieldset:定义域。即输入区加有文字的边框。

  legend:定义域的标题,即边框上的文字。

  label:定义一个控制的标签。如输入框前的文字,用以关联用户的选择。

  input:定义输入域,常用。可设置type属性,从而具有不同功能。

  textarea:定义文本域(一个多行的输入控件),默认可通过鼠标拖动调整大小。

  button:定义一个按钮。

  select:定义一个选择列表,即下拉列表。

  option:定义下拉列表中的选项。

猜你喜欢

转载自www.cnblogs.com/Zw1999/p/11232072.html