この記事の内容は、HTML のタグのネストの問題を解決する方法に関するもので、困っている人は参考にしていただければ幸いです。
問題の説明
期待されるスタイル:
単一精度表示: "精度レベル: xxxxx"
非単一精度表示: "精度レベル: xxxxx ~ xxxxx"
エラー実装
以下は、説明のみを目的としたエラーのデモです:
<p> </p><p> 准确度等级:{{ parameter.accuracy.minAccuracyValue + parameter.accuracy.minAccuracyUnit.name }} </p> <p> 准确度等级:{{ parameter.accuracy.minAccuracyValue + parameter.accuracy.minAccuracyUnit.name + ' ~ ' + parameter.accuracy.maxAccuracyValue + parameter.accuracy.maxAccuracyUnit.name }} </p>
コードを見ると問題がないように見えますが、レンダリングされると次のようになり、データがありません。
原因分析
コンソールを開いて DOM
構造を確認し、元のネストされた p
タグが 3 つの独立した にレンダリングされていることを確認します。 >p
タグ。 DOM
结构,发现我们原来的嵌套p
标签被渲染为3个独立的p
标签。
所以看结构,我们的准确度等级不在ng-repeat
修饰的p
标签中,所以无法获取数据,就会显示错误。
渲染猜想
以下均为个人猜想,如果错误欢迎批评指正。
假如我们写了一个嵌套的p
标签,因p
标签不能嵌套块级元素。
所以浏览器渲染到第二行时,发现了一个块级元素,会认为第一行的p
标签已经完结了,所以浏览器认为是开发者少写了一个p
的结束标签。
同理,最后,浏览器会认为开发者少写了一个p
的开始标签。
所以最后会呈现出如上图所示的DOM
结构。
总结
归根结底,就是p
标签中不能嵌套块级元素。
内联元素不能嵌套块级元素,p
構造を見ると、ng-repeat
によって変更された p
タグに精度レベルが含まれていないため、データを取得できず、エラーが発生します。表示されます。
以下はすべて個人的な推測です、間違いがあればご批判、修正をお願いします。
p
タグはブロックレベルの要素をネストできないため、ネストされた p
タグを記述するとします。 C
p
タグが完了したと考えるため、ブラウザは開発者がp
終了タグを少なく記述しました。 🎜🎜🎜
p
開始タグを欠いていると考えるでしょう。 🎜🎜🎜
DOM
構造が表示されます。 🎜概要
🎜 結論としては、ブロックレベルの要素をp
タグ内でネストすることはできないということです。 🎜🎜インライン要素はブロックレベルの要素にネストすることはできません。また、ブロックレベルの要素は p
タグにネストすることはできません。私たちは多かれ少なかれこれらのことを聞いたことがあるかもしれませんが、それが標準であると考えています。 🎜🎜おすすめ記事: 🎜🎜🎜親要素タグのデフォルトの動作とクリックイベント間の相互作用🎜🎜🎜🎜リンクタグリンクCSSと@import読み込みの違いは何ですか? 🎜🎜🎜以上がHTMLでのタグのネストの問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

Apple最近在iOS17中引入了内联预测,这是一种新的改进方式,可以在键盘上使用自动更正和预测功能,并在您键入时显示在屏幕上。然而,许多用户发现内联预测有点烦人,因为它们在打字时不断出现。尽管在不禁用预测文本的情况下无法禁用它,但随着iOS17.2的发布,我们现在可以在保留快速类型栏并保持预测启用的同时禁用内联预测。以下是在iPhone上使用这项新功能的方法。如何在iOS17中关闭内联预测,同时保留iPhone上的快速输入栏内联预测是在iOS17中引入的,是快速输入栏中显示为灰色的建议,并尝试

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版
中国語版、とても使いやすい

ドリームウィーバー CS6
ビジュアル Web 開発ツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
