Home  >  Article  >  Web Front-end  >  How to use and define the html tag

How to use and define the html tag

黄舟
黄舟Original
2017-06-20 15:44:585240browse

code标签是用于文本编辑的一个标签,该标签表示计算机源代码或者其他机器可以阅读的文本内容,通常以等宽字体显示。等宽字体标记常用于设置英文效果,等宽效果能使页面显得更加整齐,使用时只需要设置等宽的文字放入 code 标签中即可。语法如下:

﹤code﹥被包含的文本内容。﹤/code﹥

所有主流浏览器都支持code标签,在 HTML5 中,该标签也能正常使用,code 标签通常只是把文本变成等宽字体,而这种效果我们同样可以通过CSS样式来实现,所以如果仅仅是为了达到某种视觉效果,建议可以用CSS代替,这样获得的效果可能更为丰富。说了这么多,以下就来演示code标签的效果吧!

How to use and define the html <code> tag"></p>
<p>在code标签中输入了内容相同的中文或英文,未为其设定任何样式,而在预览时明显看到两种字体在浏览器中的变化。看完了上述的例子,再来看看code标签在 HTML5 中的<a href="http://www.php.cn/wiki/169.html" target="_blank">属性</a>有哪些?</p>
<p>HTML4.01 中的 code标签 属性也可以在 HTML5 中正常使用,基本属性有:<br>access<a href="http://www.php.cn/wiki/1051.html" target="_blank">key</a>:规定激活元素的快捷键<br>hidden:设置该属性被隐藏<br>draggable:设定元素是否可拖动<br>contenteditable:设定元素中的内容是否可被用户编辑<br>contextmenu:规定点击时显示上下文菜单<br>spellcheck:规定是否对元素进行拼写和语法检查<br>tabindex:定义<a href="http://www.php.cn/wiki/60.html" target="_blank">对象</a>的tab顺序的<a href="http://www.php.cn/code/229.html" target="_blank">索引</a></p>
<p>刚接触<code>标签,随便写一下,但不能出现 想要的效果,为什么呢,这样写,不可以吗?<br><code><hr></code><br>我想要的效果就是 在浏览器中显示 一个<hr>
<br>但是,我看到的却是一条横线,请大神指点一下,谢谢。</code></p><pre class=<hr/>是一个HTML标签,所以呢不能这样用,要HTML转义,例如这样 <code><hr/></code>

The above is the detailed content of How to use and define the html tag. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn