告诉你不经常用的但又很实用的html标签

先说三个实用的等宽标签
tt标签等宽字体
code标签,定义计算机代码文本

pre标签,等宽字体,保留换行和缩进
pre标签通常和code标签结合使用来显示程序代码  attribute={
		get:function(elem,name){
			var node=elem.getAttributeNode(name);
			if(node.specified){
				return node.nodeValue;
			}else{
				return "null";
			}
		},
		set:function(elem,name,value){
			var node=elem.getAttributeNode(name);
			if(!node){
				node=document.createAttribute(name);
				elem.setAttributeNode(node);
			}
			return node.nodeValue=value+"";
		}
	}

上面三个标签对于显示代码,和等宽文本非常实用,应该记住

下面是几个方便改变文字样式的标签,可能会说,这些都可以通过css实现,但是html既然规定了这些方便实用的标签,为什么非要麻烦去写css呢,灵活运用这些标签也会大幅度提高代码的可读性

big标签
small标签
em标签强调作用
i标签和em基本一样
strong标签,强调,显示为粗体

blockquote标签,也非常实用,它的作用是,被其包含的文本从其他文本中分离出来,比如说,在一行文本中包含这个标签,这个标签中的内容就会独立成段,并且左右都用缩进,也可以可pre,code标签结合使用,创建更好看的代码样式
测试blockquote

这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容这是blockquote中的内容

测试结束

两个辅助标签
意思是html本身存在的元素,样式就是下划线
意思是html已经删除的元素,样式就是中间有一横线

bdo标签,通过这个标签的dir属性(ltr(left,text,right),rtl),可以改变文字方向

bdo标签,通过这个标签的dir属性(ltr(left,text,right),rtl),可以改变文字方向

<a hidefocus=true />

就是当点击衔接的时候,周围不会出现虚线

<input style="ime-mode:disabled">

当要输入英文时,可以通过ime-mode:disabled来自动禁止输入法

文本框的默认值
<input type=text value="123" onfocus="alert(this.defaultValue)">

你可能感兴趣的:(告诉你不经常用的但又很实用的html标签)