博客列表 >《HTML小结》20201211

《HTML小结》20201211

杨凡的博客
杨凡的博客原创
2020年12月14日 10:10:48685浏览

一、html元素,标签和属性之间的关联与区别

标签、元素与属性

  1. <h1></h1>这就是一个标签
  2. <h1>XX后台管理系统</h1>这就是一个元素。也就是说元素由一个开始的标签和结束的标签组成,用来包含某些内容;
  3. 为html元素提供各种附加信息的就是属性,它总以“属性名=属性值”这种名值对的形式出现,而且属性总是在HTML元素的开始标签中进行定义。
  1. <body>
  2. <div class="box"></div>
  3. </body>
这里的class就是属性。一个元素里可以有多个属性,各属性之间以空格相分离。如,<div 属性1 属性2 ...></div>

注:单标签是个例外。例如<br/>本身既是开始标签也是结束标签,但不包含任何内容,所以这只是个标签。

总结:html网页实际上就是由许许多多各种各样的html元素构成的文本文件,并且任何网页浏览器都可以直接运行html文件。所以可以这样说,html元素就是构成html文件的基本对象,html元素可以说是一个统称而已。标签就是用来标记HTML元素的。而属性就是HTML元素的各种附加信息。

二、为什么说html是结构化的文档

大多数网页,都是通过其具有结构化的标签组合所成,一层一层的嵌套,而形成一个庞大的树目录结构,层次分明,目录清晰!因为它的结构形成,大概可理解为结构化文档

三、表单控件中的name属性为什么非常重要

name属性,它用于为表单元素命名,以便客户端简本语言(比如JavaScript)或服务器端程序语言(如PHP)访问。为表单的各个控件的name属性指定的值必须在该表单内唯一。

四、为什么现在都不再使用表格进行页面布局了

  1. 使用DIV+CSS布局,页面代码精简
  2. 利于SEC优化,搜索引擎抓取网页的内容,更容易评估网页内容的质量,这样有利于排名。
  3. 表格的嵌套问题,使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。
  4. 速度问题,DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高

五、一个元素,最终呈现的样式,由几方面的因素决定的

元素的最终呈现样式由继承样式<用户代理样式<自定义样式<行内样式这几方面的因素决定。自定义样式中选择器优先级ID选择器>class选择器>标签选择器来进行样式定义。可以通过!important来强制提升选择器的优先级

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议