博客列表 >HTML几点回顾思考

HTML几点回顾思考

a.
a.原创
2020年12月12日 22:00:59640浏览

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

就我自己理解下HTML元素、标签、属性是什么

HTML元素

HTML元素是HTML文档中一个标签开始到结束,称之为元素。HTML就是由无数个元素组成,例如下面的代码就是一个元素

  1. <p>今天湖北的天气真好。</p>

HTML标签

HTML标签就是由“<>”肩括号包起来的英语单词,有的可能也不是单词。标签大部分都是成对出现<p></p>这就是一对标签,<head></head>这也是一对标签。<p>是开始标签,
</p>是结束标签。<br><hr>这就是单标签

标签属性

如果说标签告诉了浏览器我是什么,比如<a href="#">打开连接</a>告诉了浏览器我是一个链接,那么标签里面的href="#"就是定义了这个链接的附加属性,连接到那里,以新窗口打开还是原窗口打开。属性以名值对的方式写在开始标签中

关联与区别

  • 关联:标签属性定义了标签的附加属性,完整的一对标签构成了一个元素,无数个元素构成了HTML文档
  • 区别:功能上的区别,属性中的名值对用来定义标签的附加属性,标签告诉了浏览我是什么,元素构成了HTML文档

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

首先HTML标签都是语义化的,比如<head></head>语义就是头部,用来定义HTML头部内容
其次HTML层级分明,代码写出来也工整好看。要是代码乱放也浏览器无法解析出来,层次分明

3.表单控件失去NAME属性后

  • 如果表单控件没有了NAME属性,你提交的表单的值就没有了变量名

    有name属性

    无name属性

  • 可以看到,没有name属性不就提交了个寂寞吗,那表单就没有意义了

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

  • 用表格布局是一种落后布局方法,已经很少人使用。而用DIV+CSS是布局的标准,标准肯定是从业者的信条
  • 表格设计的初衷是用来放数据的,用来布局效率极低。使用表格的话不停的行列合并,工作量大页面也杂乱。使用div+css布局一致性更好
  • 无法想象表格做出来的布局如何应对移动端,现在都采用的自适应布局。

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

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