Rumah >hujung hadapan web >html tutorial >HTML元素属性测试总结(续篇)_html/css_WEB-ITnose
HTML元素属性测试总结(续篇)_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:45:07821semak imbas
HTML元素属性测试总结(续篇)
code 元素的含义（语义）为“代码内容”，FireFox 在渲染该元素时，会将 code 标签内容显示为“等宽字体”（每个字符的宽度相等），这就造成了元素的语义和呈现形式混杂在一起；正确的做法是：浏览器应该无视 code 元素由于历史原因遗留下来的默认呈现效果（等宽字体）。
语义元素仅仅说明文档内容的结构与含义，例如 code 表示文档中的代码；video 表示文档中的视频；用 CSS 控制这些元素呈现给用户的形式（将 code 元素的内容用等宽字体呈现给用户），这就做到了内容与呈现分离，关于这一点，chrome 做得比 FireFox 稍好一些，例如对于下面这个文档：
<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-type" content="text/html;charset=utf-8" /> <title>XssPayloadTest</title> </head> <body > <div> this is normal textNode<br> <code>this is normal textNode include in code element</code> </div> </body></html>
两者的渲染效果如下：
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：UIWindow不使用代理如何实现根控制器的跳转（页面跳转的实现）_html/css_WEB-ITnoseArtikel seterusnya：HTML页面和CSS文件_html/css_WEB-ITnose