HTML标签类总结

1、a标签除了可以作为连接也可以发送邮箱,a标签里的文本颜色不能继承父级的。

2、有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1、h2、h3、h4、h5、h6、p、dt。

3、重新看下 快级、内联、行内元素的嵌套规则

4、测试,行内元素可以嵌套快级元素

5、用其他标签作为图片的载体也是可以的,图片做背景处理,这样的图片标签的一个好处是可以嵌套其他的标签

6、(同源策略)只有像img、script、iframe这类可以指定src属性的标签有跨域获取别人网站上数据(图片,脚本,源文件其实都是数据)的能力。如:<img src="http://img30.360buyimg.com/jgsq-productsoa/jfs/t2407/323/1635505465/47386/f2d89d88/56615e00N7a475ee6.jpg" />

7、video的宽高需要重新了解下,给背景设个黑色就可以发现问题

8、audio是html5的标签,ie9是不支持的,谷歌完美支持,火狐也是支持的,但是,请使用ogg格式的音乐文件,mp3格式的音乐火狐是没提示不支持,也不会有音乐的。为了有更好的兼容性,使用这个标签的时候,请把音乐的格式改为ogg

9、当块级元素包含内联元素时,内联元素默认是和块元素的基线baseline对齐的,块元素的基线距离块元素边框默认的情况下是具有一定的距离的。块级元素虽然有基线但是只有内联(行内块)元素才会有行内对齐的问题(如:基线),基线对块级元素没有影响

10、不同浏览器对vide和audio标签的视频、音频格式支持情况是不同的,所以最好是3个格式的视频或音频都要有。

11、选择类模块一定要和表单元素绑定(后端程序需要通过表单控件判断哪个选项被选择了),一些需求中 选择类模块 是看不到表单的,这个时候需要将点击选择的标签(看的见的标签)和 表单控件(看不见的标签)用label标签绑定。

12、submit在form内被点击的话是调用了form的onsubmit事件?

13、表格如果严格按照语义化标签来写的话,表格的页眉(<thead>)、表格的主体(<tbody>)、表格的页脚(<tfoot>),三个表格部分的先后顺序不管怎么写,在浏览器上呈现都会按照这个语义从上到下排版的。

14、<td>标签加一个 contentEditable="true" 属性就可以输入文字。

15、<iframe>框架标签可以嵌入其他的html文件,在这个标签内显示这个网页。使用这个标签加载公共部分(如头部导航栏)?有时间可以研究下

16、<object>和<embed>插件标签主要是用来插入flash或者音乐的,两个标签的区别只是浏览器的支持会有不同。该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) 。这两个标签播放视屏在ie6、7、8中可以很好的运行。

个人猜测他们的原理:这两个标签会调用浏览器内置的flash插件(一个脚本语言,安装在浏览器中),从而播放相应的媒体文件。也可以理解 为这两个标签可以调用flash脚本,将参数设置在标签。object标签自己会检查是否安装了对应的插件。

总结:媒体标签有 早期的 <embed><object>标签(通用,需要设宽高),h5新标签video、audio

注意:adobe flash player插件 和 adobe flash player播放器是两个不同的东西,一个是属于脚本,一个是软件。

17、实际要使用flash插件的话,可以抄别人的网站上的代码,门户网站是比较多的。

18、标签的伪元素在图标字体中的优势就会体现出来,我怀疑就是为它而设的吧。

亲测,embed在高版本的浏览器上用ie8调试是可以很好的被属性和js控制的,但是在本身就是ie8的浏览器中不能正常播放,在谷歌中也不行。object目前测试没法控制。

19、<datalist> 标签规定了 <input> 元素可能的选项列表,和select不同的是,他的表单还是可以输入的。

20、在浏览器地址栏中直接输入一个视频文件的地址,ie浏览器会自动调用media player播放器,播放视频的,基于这个结果。我们在ie中播放视频,完全可以利用重定向的方式,打开视频播放器,播放视频。在js中可以重定向,用a标签同样可以重定向。

21、关于媒体文件在网页中的技术还需要看W3C官网学习,菜鸟中的很多东西是不全的。

22、video标签的宽高的设置,只是video标签的宽高,并不是video标签内视频的宽高。video标签内视频的宽高一定是固定比例的(比例根据视频的而定)。视频的宽高会匹配video标签的宽高,保证视频在video标签内达到最大的宽高。视频的是居中在处在video标签中的。海报和video视频也是一样的,所以海报的宽高比和视频的宽高比最好保持一致。

23、在静态页面开发中,所有需要点击的按钮都使用input或button标签来实现,因为这两类标签中有disabled属性(像获取验证码、动态码这种功能,有倒计时的,点击一次就不可以马上再点击的)。但是所有标签都可以使用 去除事件 绑定的方法达到禁用的效果。

24、SVG教程:SVG教程(超级详细)https://blog.csdn.net/dai_qingyun/article/details/52856919

25、禁止浏览器请求 favicon.ico 文件:默认浏览器会请求网站根目录的这个图标,如果网站根目录没有的话,就会报404错误。通过设置 link 标签可以禁用浏览器的这个默认行为。https://www.cnblogs.com/foreverlin/p/10189069.html

  <link rel="icon" href="data:;base64,=">

26、img标签设置默认图片:当图片地址无效时,img直接显示alt的文字。 但是默认的 alt 内容太难看,这时可以用一直默认的图片替代。 https://www.cnblogs.com/chenyablog/p/11820717.html

  <img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址';this.onerror=null"/>

27、