这几天学习了HTML相关的基础知识之后，老师出了五道自测题，通过这几天学习的总结，和查阅相关文档，我也作出了自己的理解，以下是我学习的相关心得分享给大家。

1.HTML元素、标签和属性之间的关联与区别？

如果想要搞清楚HTML元素、标签、属性之间的关系，首先我们应该了解3个概念：

什么是HTML标签？
HTML标签由一对尖括号('')包裹起来的对象，如

、，等等都叫标签。绝大多数的标签都是成对出现的，如，、，，但是也有例外，比方说换行符，分割线，这些标签，开始标签和结束标签都是自身。
什么是元素？
一个HTML页面是由多个元素组成的，一个元素是由一对标签包含某些内容组成的，比如：

Hello World

，这个就是元素。
什么是属性？
给HTML元素附加各种样式的叫属性，它是以“属性名=属性值”这种名、值对形式出现的，需要注意的是，属性必须写在元素的起始标签中。

了解上述三个概念，我明白了，一个HTML页面就是由多个元素构成，元素是由标签描述，每一个元素的特征，都是由属性决定的。

2.为什么说HTML是结构化的文档?

根据W3C标准，HTML是一种Web语言，它是使用一些“标签”来定义网页内容的，例如我们在一个HTML文档中写，就声明了一个HTML文档的开始，里面可以放各种标签，一个HTML文档是由以下结构构成的：

由以上代码不难看出，HTML结构层次分明，是一种具有结构层次的标记语言，通过这些标签可以告诉浏览器如何做出相应的解析。否则，如果HTML标签任意位置都能放置，就没法做标准高度统一了，那么浏览器也就无法做出正确的解析了。因此，我们看到的各种网页，都是通过这种具有结构化的标签组合而成的。

3.表单控件中的name属性为什么非常重要？

表单控件中的name值，是前端与后端进行交互时传值的变量名称，后端只有通过控件的name值才可以接收到该值进行相应的处理。

4.为什么现在都不再使用表格进行页面布局了？

1.页面布局不灵活；
2.代码的可读性：表格布局的代码可读性低，没有使用

，等标签直观；
3.表格加载速度慢；
4.不利于SEO；

5.一个元素，最终呈现的样式，由几方面的因素决定的？

1.继承的：根据元素在文档的结构和层级关系来确定它的最终样式；
2.浏览器客户端：用户代理样式(user agent style)，基本上浏览器的表现样式都是一致的；
3.用户自定义：写在HTML文档标签中的样式；
4.行内样式(内联样式)：写在元素的style属性中的样式。

以上就是我个人的总结，不知道是否完全正确，如果有错误的地方烦请各位指正，多谢大家。

html 自定义属性_五道自测题-你我都应知道的HTML小知识相关推荐

web开发集成数字证书_每个数字设计师都应该知道的Web开发的七个原则
web开发集成数字证书 A career path into digital design is often winding, meaning many practitioners come from ...
python内置函数多少个_每个数据科学家都应该知道的10个Python内置函数
python内置函数多少个 Python is the number one choice of programming language for many data scientists and a ...
pd种知道每个数据的类型_每个数据科学家都应该知道的5个概念
pd种知道每个数据的类型意见 (Opinion) 目录 (Table of Contents) Introduction介绍 Multicollinearity多重共线性 One-Hot Encod ...
python中的列表理解_掌握『Python列表理解』需要知道的9件事，你知道了吗？
越来越多的人开始学习Python,它已经成为最流行的编程语言之一,这几乎发生在所有领域.比如网络开发.科学计算,当然还有人工智能. 无论想用python干什么,都绕不开学习Python的数据结构.变量 ...
ui设计作品集_所有强大的设计作品集都应避免的三件事
ui设计作品集重点 (Top highlight) I've had the privilege of screening hundreds of portfolios & candidat ...
rs485调试软件_【乐创“芯”说】你想知道的RS485
文/Edward TTL串口 TTL串口是我们日常做电子产品调试时候常用的一种通讯口,你可以用它来控制外设芯片,可以用它来做调试输出.之所以TTL串口这么受大众欢迎,是因为在硬件层面,它连接简单, ...
activex for chrome扩展程序下载”_提升前端开发效率：你应该知道的10个Chrome扩展程序...
作者 | Chidume Nnamdi 译者 | 王强策划 | 李俊辰 "进步不是勤奋者的功劳.它是懒惰者在尝试寻找更简单的方法时取得的成果." --罗伯特·海因莱因 CSSV ...
qdebug重定向_每个Qter都该知道的qDebug
在项目的开发中,当我们调试程序时,最常用的就是打印信息了,Qt为我们提供了非常方便的打印信息类QDebug. 大家应该已经很熟练的使用QDebug了,但也许有些地方并没有注意到,下面小豆君就介绍一下Q ...
中set无效是怎么回事_一起认识下，那些我们应该知道的mysql中的变量知识点
前言: 这篇文章主要是认识一下mysql中的变量,本来是不准备整理的,但是发现后面的存储过程等等在实际用的时候还挺多. mysql里面的变量你可以和java中的变量进行对比理解.主要分为两种:系统变量 ...

html 自定义属性_五道自测题-你我都应知道的HTML小知识

1.HTML元素、标签和属性之间的关联与区别？

Hello World

2.为什么说HTML是结构化的文档?

3.表单控件中的name属性为什么非常重要？

4.为什么现在都不再使用表格进行页面布局了？

5.一个元素，最终呈现的样式，由几方面的因素决定的？

html 自定义属性_五道自测题-你我都应知道的HTML小知识相关推荐

最新文章

热门文章