如何给HTML标签中的文本设置修饰线

ext-decoration属性介绍#

text-decoration属性是用来设置文本修饰线呢，text-decoration属性一共有4个值。

text-decoration属性值说明表#

值作用none去掉文本修饰线underline设置下划线overline设置上划线line-through设置删除线

HTML标签自带修饰线#

在开始实践text-decoration属性之前，笔者先给大家普及下HTML中的标签自带修饰线如：u标签、s标签，若有不全大家可以在下面评论中告诉笔者,毕竟笔者也是前端的一个小白,希望和大家相互交流，互帮互助，共同进步。

u标签#

下面让我们进入u标签的实践，u标签自带的是文本下划线。
代码块

Copy<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>设置文本修饰线</title>
 
</head>
<body>
 <u>成功不是击败别人，而是改变自己</u>
</body>
</html>

结果图

法

缩进使用soft tab（4个空格）；
嵌套的节点应该缩进；
在属性上，使用双引号，不要使用单引号；
属性名全小写，用中划线做分隔符；
不要在自动闭合标签结尾处使用斜线（HTML5 规范指出他们是可选的）；
不要忽略可选的关闭标签，例:

<!DOCTYPE html>
 <html>
 	<head>
 		<title>Page title</title>
 	</head>
 	<body> <img src="images/company_logo.png" alt="Company">
 		<h1 class="hello-world">Hello, world!</h1>
 	</body>
 </html>

HTML5 doctype在页面开头使用这个简单地doctype来启用标准模式，使其在每个浏览器中尽可能一致的展现；虽然doctype不区分大小写，但是按照惯例，doctype大写（关于html属性，大写还是小写）。<!DOCTYPE html> <html> ... </html> lang属性根据HTML5规范：应在html标签上加上lang属性。这会给语音工具和翻译工具帮助，告诉它们应当怎么去发音和翻译。
更多关于 lang 属性的说明在这里；在sitepoint上可以查到语言列表；
但sitepoint只是给出了语言的大类，例如中文只给出了zh，但是没有区分香港，台湾，大陆。而微软给出了一份更加详细的语言列表.aspx)，其中细分了zh-cn, zh-hk, zh-tw。<!DOCTYPE html> <html lang="en-us"> ... </html> 字符编码通过声明一个明确的字符编码，让浏览器轻松、快速的确定适合网页内容的渲染方式，通常指定为’UTF-8’。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> ... </html> IE兼容模式用 <meta> 标签可以指定页面应该用什么版本的IE来渲染；<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> </head> ... </html> 引入CSS, JS根据HTML5规范, 通常在引入CSS和JS时不需要指明 type，因为 text/css 和 text/javascript 分别是他们的默认值。HTML5 规范链接使用link
使用style
使用script <link rel="stylesheet" href="code_guide.css">  <style> ... </style>  <script src="code_guide.js"></script>  <script> ... </script> 属性顺序属性应该按照特定的顺序出现以保证易读性；

class
id
name
data-*
src, for, type, href, value , max-length, max, min, pattern
placeholder, title, alt
aria-*, role
required, readonly, disabled

class是为高可复用组件设计的，所以应处在第一位；
id更加具体且应该尽量少使用，所以将它放在第二位。

<a class="..." id="..." data-modal="toggle" href="#">Example link</a>

<input class="form-control" type="text">

<img src="..." alt="...">

boolean属性

boolean属性指不需要声明取值的属性，XHTML需要每个属性声明取值，但是HTML5并不需要；
更多内容可以参考 WhatWG section on boolean attributes：
boolean属性的存在表示取值为true，不存在则表示取值为false。

<input type="text" disabled>

<input type="checkbox" value="1" checked>

<select>
    <option value="1" selected>1</option>
</select>

JS生成标签

在JS文件中生成标签让内容变得更难查找，更难编辑，性能更差。应该尽量避免这种情况的出现。

减少标签数量

在编写HTML代码时，需要尽量避免多余的父节点；很多时候，需要通过迭代和重构来使HTML变得更少。

<!-- Not well -->
<span class="avatar">
    <img src="...">
</span>

<!-- Better -->
<img class="avatar" src="...">

实用高于完美

尽量遵循HTML标准和语义，但是不应该以浪费实用性作为代价；任何时候都要用尽量小的复杂度和尽量少的标签来解决问题。

读前的温馨提示：
在为您深化设计停车场图纸后，会为您提供优质售后技术服务支持，为您减少很多应对甲方的困扰，让您更省心！
京凯腾达为您提供2d，3d，VR形式的停车场设计，并可为您整体施工。2d（平面设计的话），若您提供cad草图，我们自收到您设计费起三日内出深化设计图纸以及设施清单（含报价）。

在您收到设计图稿和报价清单后，若您选定了本团队帮您施工，那么设计费会还返给您~

现在停车场已经与人们的生活越来越密切，因此停车场里面的标线也显得越来越重要，此文为您带来停车场划线的有益知识，速来了解哦：
廊坊承德保定北京停车位划线尺寸（我们需要规范停车位尺寸、地下车库设备停车位尺寸，规范停车位尺寸在地下停车场中的运用）：
标准停车位大小(指住宅区、车库和私人停车位的大小)：
001、直停车位划，停车位标准尺寸为2.5米*5.3米；
002、斜停车位划法，停车位标准尺寸为2.8米*6米，倾斜角度60°。

在以下情况需要涂划贴近路障道路标线用以指示路面有固定障碍物：
01.双行车道正中间有阻碍；

02.四行车道正中间有阻碍；

03.同向二行车道正中间有阻碍。

减速标线这个东西，也是停车场划线里的重中之重：用于提醒大伙儿此道路应当降速前行，当心安全驾驶。此外，国内建筑规范中车库和停车场的设计标准较为复杂，分为四个等级。虽然没有所谓的“标准停车位大小”，但规定了相应的zui小尺寸：

如车长不大6米及车宽不大于1.8米的车，规范车与车之间间距为不小于0.5米，车与墙、车位端之间间距不小于0.5米；车长大于6米不大于8米，车宽大于1.8米不大于2.2米的话，车与车之间间距不小于0.7米等。回车路段的相应规范是满足一辆车一次性回转的需要，因此对于一般以停小型车为主的停车场来讲，停车场划线的车位尺寸多采用2.4×5.3的尺寸，而单车道回转车道宽度不小于3.5米，双车道不少于5米。

此外，车位划线应当选用更zhuan业的车位划线专用型漆，不然会造成返光，进而危害驾驶员的分辨，以至造成车祸事故。经验丰富的京凯腾达表示，常用的停车场划线专用标线工艺分为热熔和冷喷划线。

此文关键字: 停车场划线

文章源：http://www.jktd88.com/products/jthx/1499.html

THE END

目前已取得的成绩让我们喜悦，但不会让我们止步；残酷的市场磨练了我们坚强不屈的意志；和谐温馨的环境、富有营养的土壤，滋养着我们不断开拓创新、勇于进取的无穷潜力，停车场划线团队京凯腾达感谢您的浏览~

在线咨询

上一篇：基于SSM+Vue的SSM学业预警平台信息管理系统
下一篇：每天一个CSS小技巧 - 插入换行

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。