说明:这里所说的"偏门"只是相对于本人而言,记录在此,加深印象。也希望有需要的朋友能获得些许收获!
1.空元素(void):没有内容的元素。
常见的有:<br>,<hr>(显示一条水平线),<input>,<link>,<meta>(描述文档内元数据,如描述,编码,作者,关键字);
不常见的有:<area>,<base>,<col>,<command>,<embed>,<keygen>,<param>,<source>,<track>,<wbr>
ps:很多不经常用,所以含义也无法记清。可以访问菜鸟教程在搜索框中输入相应的标签进行搜索查看!
关于hr:
<hr color="red">
ps:上述这行代码:改变水平线颜色;但如果要在css中设置,color:red不会生效(因为color设置的是字体颜色),可以考虑采用border:1px solid red来进行变色。
关于link:
<link rel="icon" type="image/x-icon" href="test.png">
ps:上述这行代码:设置标签页的图标(头像),href属性值后缀可以为.icon,.png等
2.块元素&行元素:css标准规定:每个元素都有默认的display值。
块元素:display: block;
常见有:div ul ol li dl dt dd h1~h6 p
行内元素(内联元素):display:inline;
常见有:a b span img input select strong
(加重语气)
3.XHTML:XML格式编写的html
与html重要区别体现:
文档结构:
元素语法:
属性语法:
4.HTML<base>
<base href="http://www.g.cn" target="_blank">
ps:该标签作为html中所有链接标签的默认链接(个人不建议使用)
5.img
始终添加alt属性:
<img src="" alt="">
ps:当图片加载失败时,alt属性可以告诉用户相关信息;同时有利于纯文本浏览用户(这个应该比较少吧);有利于爬虫抓取,利于seo。
说到alt,就得说说title:
title:鼠标悬停相关元素上时,会出现提示文本。
定义图像可点击区域(map,area):
<img src="test.png" alt="a" usemap="#amap">
<map name="amap">
<area shape="rect" coords="0,0,10,10" href="1.html">
<area shape="circ" coords="" href="">
<area shape="poly" coords="" href="">
</map>
6.如何在页面上实现一个圆形的点击区域:
7.a标签书签形式:
最常见效果:返回顶部
<a id="test">顶部</a>
<a href="#test">返回顶部</a>
8.iframe语法:可以在同一个浏览器窗口显示多个页面:
<iframe src="3.html" width="200px" height="200px" ></iframe>
不显示边框:
<iframe src="3.html" width="200px" height="200px" frameborder="0"></iframe>
9.label标签:定义表单间控制关系,当用户点击标签时,浏览器会自动将焦点转到相应的表单控件上。
<form>
<label for="name">点击这里,鼠标光标焦点转至输入框中</label>
<input type="text" name="name" id="name">
</form>