问题描述
通过将class =“ pro”设置为仅使用，在HTML和CSS中使用此方法有什么区别。
return new Promise((resolve,reject) => {
if (!id) {
resolve({success: false,customer: null,msg: 'No id provided.'});
}
let connection = MysqL.createConnection({
host: db.host,user: db.user,password: db.password,database: db.database
});
connection.connect(function (err) {
if (err) {
resolve({success: false,msg: err});
}
let sql = "SELECT * FROM customers WHERE uid = ?);"
let values = [id];
connection.query(sql,values,function (error,result) {
if (error) {
console.log(error);
return {success: false,msg: error};
} else {
if (result.length) {
connection.destroy();
resolve({success: true,customer: customer});
} else {
connection.destroy();
resolve({success: false,msg: 'No customer details'});
}
}
});
});
});
使用HTML？
使用类的HTML ...
<p>a <u>pro</u>grammar</p>
CSS类
<p>a <span class="pro">pro</span>programmer.</p>
结果是一样的，但是我想知道是否有理由说明我为什么要在另一个上使用一个。
解决方法
<u>标签
HTML
Unarticulated Annotation element (<u>)表示一定范围的嵌入式文本，应以指示其具有非文本注释的方式呈现。默认情况下，它显示为简单的实线下划线，但可以使用CSS进行更改。
避免使用<u>
非语义下划线
要在文本下划线而不暗示任何语义，请使用
<span>属性设置为text-decoration的{{1}}元素。
注意：
与其他纯样式元素一起，原始的HTML Underline（）元素在 HTML 4 中已弃用；但是，
"underline"在<u>中恢复了一种新的语义，即：将文本标记为已应用某种形式的非文本注释。
重要说明：-
请注意避免将
HTML 5元素的默认样式（带下划线的文本）与超链接（默认情况下也带下划线）混淆使用。
<u>标签
HTML
<span>元素是用于表示内容的通用内联容器，它本身并不代表任何内容。
<span>.pro {text-decoration: underline;},
这两种都是在文本下划线的好方法，但是我建议您使用html u 标记，因为这将使html看起来不那么混乱，而且井井有条。 编码愉快
,尽管 span 用于样式设置，但 u 标签在语义上是正确的。
,如果您的目标是在文本下划线，则可以同时使用两种方式。
已弃用HTML标记，但HTML5返回了该标记，因此您可能会发现与它不兼容。
样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML标记或外部样式表中设置的任何样式。如您在摘要中的第一个短语中所见。
.override{
text-decoration: overline;
}
.underline{
text-decoration: underline;
}
.line-through{
text-decoration:line-through;
}
.overline{
text-decoration:overline;
}<p>This is my <u class="override">first</u> phrase</p>
<p >This is my <span class="underline">second</span> phrase</p>
<p >This is my <span class="line-through">third</span> phrase</p>
<p >This is my <span class ="overline">fourth</span> phrase</p>