首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【HTML】:编码规范

前言 本文档的目标是使HTML代码风格保持一致,容易被理解和被维护 2. 通用 2.1. DOCTYPE [强制] 使用 HTML5 的 doctype 来启用标准模式。...除非有强烈的特殊需求,否则最好是设置为 edge mode,从而通知 IE 采用其所支持的最新的绘制模式。...示例: html lang="zh-CN"> html> 2.2. 字符编码 [强制] 页面必须使用精简形式,明确指定字符编码。...这样做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与文档编码一致(一般采用 UTF-8 编码)。... html> [建议] HTML 文件使用无 BOM 的 UTF-8 编码。 UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。

2.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML编码规范

    HTML代码规范   我们知道,前端工程师入门容易,通过学习基本的HTML和CSS就能在浏览器上看到实际的效果,可是要写好的HTML,就不是那么容易了。...必须在head元素内部的meta标签内声明文档的字符编码charset, 如:,这句代码告诉浏览器应该此HTML文件使用的字符集是什么,如果不加此行代码,那么在浏览器中可能显示为乱码...页面的title是极为重要的不可缺少的一项。 2.HTML代码结构和视觉顺序基本保持一致 按照从上之下,从左到右的视觉顺序书写HTML结构。...有时候为了便于搜索引擎抓取,我们也会将重要内容在HTML结构顺序上提前,以为搜索引擎抓取网页内容是自上而下的,所以将重要内容在HTML结构顺序上提前可便于抓取重要的内容。...适当使用实体 以实体代替与HTML语法相同的字符,避免浏览器解析错误。 常用的HTML字符实体(建议使用实体): ? 常用的字符实体(不建议使用实体): ?

    2K10

    【编码规范】HTML编码风格指南

    本文档的目标是使 HTML 代码风格保持一致,容易被理解和被维护。 2 代码风格 2.1 缩进与换行 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。...使用 id、属性选择作为 hook 是更好的方式。 同一页面,应避免使用相同的 name 与 id。...一个比较好的实践是,为 id 和 name 使用不同的命名法。...示例: html lang="zh-CN"> 3.2 编码 页面必须使用精简形式,明确指定字符编码。指定字符编码的 meta 必须是 head 的第一个直接子元素。... html> HTML 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。

    3.2K30

    Bootstrap HTML编码规范

    HTML5 doctype 为每个 HTML 页面的第一行添加标准模式(standard mode)的声明,这样能够确保在每个浏览器中拥有一致的展现。...IE 兼容模式 IE 支持通过特定的  标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈的特殊需求,否则最好是设置为edge mode,从而通知 IE 采用其所支持的最新的模式。...字符编码 通过明确声明字符编码,能够确保浏览器快速并容易的判断页面内容的渲染方式。...这样做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与文档编码一致(一般采用 UTF-8 编码)。...如果一定要为其赋值的话,请参考 WhatWG 规范: 如果属性存在,其值必须是空字符串或 [...] 属性的规范名称,并且不要在首尾添加空白符。 简单来说,就是不用赋值。

    1.5K90

    html css编码规范

    有人建议编码规范这种东西应该落实到ESlint这类工具上去,而不是停留在文档层面。 在我看来,规范也要看和记,难道你用 vscode/sublime 写个demo还要配上语法检查这一套东西么。...,有可能是用的网页邮箱,也有可能用的gmail/outlook/网易邮箱大师等客户端。...这些客户端多种多样,对html/css的支持也不一,所以我们不能使用高级的布局和排版,例如flex/float/absolute定位,使用较初级的table布局能够达到兼容性最好的效果,并且还有伸缩的效果...写完后要实际测一下,可以用QQ邮箱发送,它支持发送html格式文本,发完后在不同的客户端打开看一下,看有没有问题,如手机的客户端,电脑的客户端,以及浏览器。...比较建议的顺序是这样的:

    1K10

    硬编码 HTML

    硬编码HTM对于简单的静态页面,直接硬编码HTML可能更加简单和直接。那么这些具体的优缺点可以看看下面的文章。...缺点:代码臃肿:硬编码 HTML 的代码可能会变得臃肿,尤其是在页面包含大量重复的元素时。难以维护:硬编码 HTML 的维护可能变得困难,尤其是当页面需要进行大量的修改时。...一般来说,对于简单的应用程序和需要高度定制化的应用程序,建议使用模板;对于复杂且需要经常维护的应用程序,建议使用硬编码 HTML。示例代码下面是一个使用模板的简单示例:是一个使用硬编码 HTML 的简单示例:是更好的选择,因为它提供了更好的灵活性、可维护性和安全性。但对于简单的静态页面或者性能要求较高的情况,硬编码HTML可能更合适。

    11910

    要想知道什么是HTML5,绕不开的是:什么是HTML?

    想象一下两个计算机在沟通的场景,A如果要把一个图文信息传给B的时候,交流过程中B肯定会产生这样的问题:你给了我那么多信息,哪些是网页标题、哪些是正文、哪些又是图片呢?...而从HTML1到HTML5就代表着这套规范的发展进程。按照定义来讲,HTML5是一系列制作网页互动效果的技术集合,它能在移动端做出Flash做不出的动画效果,即HTML5就是移动端的web页面。...但如果仅仅将HTML5看作是替代Flash的一个技术,就过于低估了其真正的能力,对于移动互联网来讲,它更像一个“技术阀门”,一旦拧开,想象空间很大。...1 感官更丰富 绘图功能强是HTML5的一个非常重要的特征,很多我们在HTML5中看到的动画效果就是用其绘图功能完成的,从技术实现角度,可以做出任何二维动画。...最重要的是用户体验,要研究如何在极短的时间内完成他需要做的事情。 小游戏为什么能够成为HTML5实操的先行军?正是因为很多用户选择玩游戏来填补碎片化时间,游戏满足了碎片化时间这一场景需求。

    77400

    什么是自编码?

    是条形码,二维码,还是我们宅男们最不能忍受的打码中的一种呢?NO.NO.NO,和他们都没有关系,其实自编码是一种神经网络形式,如果你一定要和上面的那些码扯上关系,我想可以这样理解了。...现在我们先构架一个神经网络模型,这个模型是收集一张图片,接受这个图片后,神经网络给这个图片打码,最后再从打码的图片中还原,是不是感觉有点抽象,其实我也觉得这样的解释不太恰当,那就让我们更加的具体一点来深入了解下这个自编码...现在假设我们刚才构建的模型是这个样子,我们可以从图片中看出来,我们刚才上传给自编码模型的图片实质上是经过压缩以后再进行解压的一个过程。...L1,并没有用到数据X所对应的数据标签,所以我们这时候可以得出结论,自编码是一种非监督学习,通常我们在使用自编码的时候通常只会使用自编码的前半部分,这个部分也叫作EnCode,编码器,编码器可以得到源数据的精髓...上面这张图是一个通过自编码整理出来的数据,他能从各种数据中筛选总结出各种数据的特征,如果把这个图片的类型特征都整理好放到一个图片上,那么数据类型都可以很好的用源数据的类型区分出来,如果你了解PCA主成分分析

    861100

    什么是硬编码

    硬编码是指将特定的值或参数直接写入代码中的做法。这样的代码缺乏灵活性,当需要更改这些值或参数时,开发人员必须手动修改代码。这种方法不仅浪费时间,而且容易出错,并且不利于维护。...在软件开发中,硬编码是一种常见的错误实践。它不仅会导致代码变得难以维护和扩展,还会降低代码的可重用性。下面,我们将通过几个示例来说明硬编码的问题,并介绍如何避免它。...以下是一个使用硬编码URL的示例:public class ApiClient { private static final String API_URL = "https://api.example.com...,而且作为一个私有的静态常量,也就意味着该值在整个类中是可见的。...以下是一个使用硬编码数据库连接信息的示例:public class UserDao { private static final String DB_URL = "jdbc:mysql://localhost

    2.5K51

    HTML 基础概念:什么是 HTML ? HTML 的构成 与 HTML 基本文档结构

    什么是 HTML ? HTML(超文本标记语言,HyperText Markup Language)是一种用来告知浏览器如何组织页面的标记语言。...可以说,HTML是所有网页的骨架,并且与 CSS 和 JavaScript 组合使用,能够实现网页的样式设计和交互功能。 1999年,HTML 4.01 版发布,成为广泛接受的 HTML 标准。...HTML 的构成 ? HTML 由一系列的元素组成,这些元素可以用来包围或标记不同部分的内容,使其以某种方式呈现或者工作。 元素是网页的一部分。...什么是 HTML 元素? 元素是 HTML 的核心单位,它通常由一个开始标签和一个结束标签构成,中间包含内容或其他嵌套的元素。每个元素定义了网页的一部分结构或功能。例如: 这是一个段落。...html>: HTML 文档的根元素,所有 HTML 内容都嵌套在其中。 : 包含网页的元数据,例如字符编码、页面标题、CSS 样式和脚本的引入等。

    27610

    HTML实体Entity名称编码学习总结

    [TOC] 0x00 前言 什么是 ISO 字符集? 答:ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。 WeiyiGeek....HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集 ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 7 比特 ASCII ISO-8859-1 的较高部分...(从 160 到 255 之间的代码)全都有实体名称 这些符号中的大多数都可以在不进行实体引用的情况下使用,但是实体名称或实体编号为那些不容易通过键盘键入的符号提供了表达的方法 在 HTML 中,某些字符是预留的...--不间断空格(non-breaking space) HTML 中的常用字符实体是不间断空格( )。...提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是浏览器也许并不支持所有实体名称(对实体数字的支持却很好),实体名称对大小写敏感。

    2.5K20

    HTML实体Entity名称编码学习总结

    [TOC] 0x00 前言 什么是 ISO 字符集? 答:ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。 WeiyiGeek....HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集 ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 7 比特 ASCII ISO-8859-1 的较高部分...(从 160 到 255 之间的代码)全都有实体名称 这些符号中的大多数都可以在不进行实体引用的情况下使用,但是实体名称或实体编号为那些不容易通过键盘键入的符号提供了表达的方法 在 HTML 中,某些字符是预留的...--不间断空格(non-breaking space) HTML 中的常用字符实体是不间断空格( )。...提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是浏览器也许并不支持所有实体名称(对实体数字的支持却很好),实体名称对大小写敏感。

    1.2K10

    高质量编码-实现基于html的参数配置

    往往人们过于关注表面,优化的根本是业务的优化,代码本身的优化,而不仅是使用新技术,程序员,产品经理,架构师都得自身角色称职合格,并且业务经验丰富和技术眼界开阔,克制冲动用心完成功能,满足需求,在项目迭代过程中凝练提取确定性因素...如果说编码开发体现的是逻辑高度,重构优化体现的是思维高度。...回归话题,我所在公司为了节省后台开发,往往在需要后台修改,甚至需要改写SQL语句,甚至发现数据库设计以及后端设计一团乱,为了所谓的省时省力,一个子项目竟然有40个json配置文件。...image.png 所以本人采用将某些配置参数写在html页面中,类似xml的思想,修改代码只需修改一处。为了使其通用,而且更容易修改参数,采用ul和li嵌套的方式。...image.png image.png 下面介绍解析嵌套的函数,通过递归方式: image.png image.png 接下来我们要陆续介绍以这种配置方式零编码实现静态地图图层的管理

    76000

    剪不断,理还乱的stl

    本期内容开始分享一些stl标准库的学习笔记,如果要做cpp岗位,stl和boost必须要掌握;好了以下是本次文章内容,跟随我的脚步往一起往下看!...2、算法:问题的解决方法(解法) 有限的步骤,解决逻辑或者数学上的问题,这一门学科我们叫做算法,这个学数据结构里面首先就会给你介绍啥是算法,它的特性啥的,这里就不再造轮子了。...算法分为:质变算法和非质变算法 (1)质变算法:是指运算过程中会更改区间内的元素的内容,例如拷贝、替换、删除等等。...(2)非质变算法:是指运算过程中不会更改区间内的元素内容,例如查找、计数、遍历、寻找极值等等。 3、迭代器 每个容器都有自己专属的迭代器;迭代器使用非常类似于指针,刚开始学我们可以理解迭代器为指针。.../a.out 1 2 3 4 2 3 4 5 3 4 5 6 4 5 6 7 我是txp,一个只专注于干货分享的博主,欢迎随时来撩我,我们下期见!

    19520
    领券