>  기사  >  웹 프론트엔드  >  html 태그를 사용하고 정의하는 방법

html 태그를 사용하고 정의하는 방법

黄舟
黄舟원래의
2017-06-20 15:44:585240검색

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

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

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

html <code> 태그를 사용하고 정의하는 방법"></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>

위 내용은 html 태그를 사용하고 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.