html中不会被渲染的标签

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中不会被渲染的标签相关的知识,希望对你有一定的参考价值。

html不会渲染的标签包括:\u003ctitle\u003e标签、\u003clink\u003e标签、\u003cmeta\u003e标签、\u003cbase\u003e标签、\u003cscript\u003e标签、\u003cstyle\u003e标签、\u003cnoscript\u003e标签和\u003ciframe\u003e标签。\u003ctitle\u003e标签是用来描述文档的标题,是页面在搜索引擎上的标题,不会被渲染。\u003clink\u003e标签用来引入外部资源,如CSS文件、字体文件等,也不会被渲染。\u003cmeta\u003e标签用来提供关于网页的元数据,也不会被渲染。\u003cbase\u003e标签用来设置文档中所有相对路径的基准URL,也不会被渲染。\u003cscript\u003e标签用来引入外部脚本文件,也不会被渲染。\u003cstyle\u003e标签用来定义文档的样式,也不会被渲染。\u003cnoscript\u003e标签用来在javascript不可用时显示一些内容,也不会被渲染。\u003ciframe\u003e标签用来在一个页面中嵌入另一个页面,也不会被渲染。这些标签都不会被渲染,但是可以对页面的效果或性能产生影响。 参考技术A HTML 中有一些标签是不会被浏览器渲染的,它们通常用于定义文档的结构和语义(而非样式)。以下是一些常见的不会被渲染的 HTML 标签:

1. `<head>`:用于定义文档的头部信息,包括页面的标题、引入的脚本和样式表等;
2. `<link>`:用于在 HTML 文档中引入外部资源,如 CSS 文件、图标等;
3. `<meta>`:用于提供关于 HTML 文档的元数据,如字符编码、网页描述等;
4. `<script>`:用于嵌入 JavaScript 代码;
5. `<style>`:用于定义 HTML 元素的样式;
6. `<template>`:用于定义可复用的 HTML 模板;
7. `<title>`:用于定义 HTML 文档的标题;
8. `<textarea>`:用于定义一个多行的文本输入控件;
9. 注释标签`<!-- -->`:用于在 HTML 文档中添加注释。

虽然这些标签不会被浏览器直接渲染,但它们对于 HTML 文档的正确结构和语义是非常重要的。
参考技术B <script>标签,<style>标签,<link>标签,注释(<!--这里是注释-->)都是不会被渲染的标签。它们在浏览器解析 HTML 文档时,不会出现在浏览器窗口中。<script>标签可以用来引入外部脚本文件,<style>标签可以用来定义样式表,<link>标签可以用来引入外部样式表文件,而注释可以让开发者添加注释,以便更好的理解代码。

[vue] - v-html解决Vue.js渲染过程中html标签不能被解析

参考技术A 之前对接口遇到了接口数据中包含图片或音频的地址的格式,也就是图文混排格式,所以封装了字符串替换的方法。但是替换完之后就是下图,html不能解析。

封装的图文混排解析方法:

解决:

用v-html解析html标签 <span v-html="item.name"></span>
不能使用 <span>item.name</span> 解析,{{}}只能解析字符串。

解决问题是看到的文档,可以看一下。本项目使用的是vue2.0,所以实践中并不可行。
http://blog.csdn.net/faryang/article/details/53011703

以上是关于html中不会被渲染的标签的主要内容,如果未能解决你的问题,请参考以下文章

[vue] - v-html解决Vue.js渲染过程中html标签不能被解析

script标签的async属性是用来异步加载,异步加载的作用是否同时下载,执行html代码和js代码

script标签的async属性是用来异步加载,异步加载的作用是否同时下载,执行html代码和js代码

Chrome 不会渲染 <form> 标签,FF 会

HTML选择标签渲染问题

头部中的 Angularjs 组件被渲染到正文中