首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML】:编码规范

    前言 本文档目标是使HTML代码风格保持一致,容易被理解和被维护 2. 通用 2.1. DOCTYPE [强制] 使用 HTML5 doctype 来启用标准模式。... [建议] HTML 文件使用无 BOM UTF-8 编码。 UTF-8 编码具有更广泛适应性。BOM 在使用程序或工具处理文件时可能造成不必要干扰。...根据 HTML5 规范,在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性,因为 text/css 和 text/javascript 分别是它们默认值。示例: <!...例如:div 不得置于 p 中,tbody 必须置于 table 中 参考:http://jkorpela.fi/html5.dtd [建议] HTML 标签使用应该遵循标签语义 示例: <!.../fex-team/styleguide/blob/master/html.md BootStrap规范: https://codeguide.bootcss.com/#html Best Practices

    2.1K20

    HTML编码规范

    HTML代码规范   我们知道,前端工程师入门容易,通过学习基本HTML和CSS就能在浏览器上看到实际效果,可是要写好HTML,就不是那么容易了。...这里将和大家分享HTML规范,希望大家读完之后都能够有所收获。...页面的title是极为重要不可缺少一项。 2.HTML代码结构和视觉顺序基本保持一致 按照从上之下,从左到右视觉顺序书写HTML结构。...有时候为了便于搜索引擎抓取,我们也会将重要内容在HTML结构顺序上提前,以为搜索引擎抓取网页内容是自上而下,所以将重要内容在HTML结构顺序上提前可便于抓取重要内容。...适当使用实体 以实体代替与HTML语法相同字符,避免浏览器解析错误。 常用HTML字符实体(建议使用实体): ? 常用字符实体(不建议使用实体): ?

    2K10

    html编写规范

    html是用来描述网页一种语言。 上面是一个基本html代码文件,下面我们来看看其具体含义。...声明必须是 HTML 文档第一行,位于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 lang 强烈建议为根元素指定属性,从而为文档设置正确语言。...meta META标签是HTML标记HEAD区一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级设定等,最大作用是能够做搜索引擎优化(SEO)。...以上代码IE=edge告诉IE使用最新引擎渲染网页,chrome=1则可以激活Chrome Frame. 3. name name属性主要用于描述网页,比如网页关键词,叙述等。...在项目开发前,制定一套行之有效编码规范,每个项目组成员都要按这个规范来编码。 块级元素和行内元素 说到代码规范,我先来说说html块级元素和行内元素。

    1.7K100

    前端开发规范之命名规范html规范、css规范、js规范

    本文作者:IMWeb 我饿了 原文出处:IMWeb社区 未经同意,禁止转载 在学习编程时候,每次看到那些整齐规范代码,心里顿时对这个程序员表示点点好感,有时,比如看到自己和朋友写代码时,...那阅读起来就是苦不堪言,所以,一些基本开发规范是必须,是为了自己方便阅读代码,也方便他人阅读修改代码。...规范 文档规范 HTML5文档类型声明:<!...不要引入一些特定 HTML 结构来解决一些视觉设计问题 不要将img元素当做专门用来做视觉设计元素 样式上问题应该使用css解决 不推荐: <!...'valid' : 'invalid' ---- JSHint 在js规范中,有很多规范都是样式上规范而不是逻辑上规范,比如尽量使用=== 而不是==,我们可以使用JSHint或者JSLint,Javascript

    6.4K10

    HTML语法规范

    ,不符合语法规范内容,浏览器会自动修正 但是有些情况会修正错误 F12会跳出开发者控制台 自结束标签: html5中 xhtml中(最后有反斜杠) HTML标签可以嵌套...回车自动补全 ctrl+/,自动生成注释标签 元素 定义: HTML中元素指的是从开始标签到结束标签所有代码,或者开放标签和闭合标签 实体 在网页中,编写多个空格,会被浏览器自动解析为一个空格 在html...中我们不能直接书写一些特殊符号,比如连续多个空格,比如字母两侧大于和小于号 如果我们需要在网页中书写这些符号,需要使用html实体(转义字符) 实体语法 &实体名字;  空格...:h1~h6 h1最大,为一级;h6为最小,为6级 一般不用,主要是css来修改 使用HTML标签时,关心是标签语义,我们使用标签都是语义化标签 6级标签中,h1最重要,表示一个网页主要内容,...,会对网页中不符合规范内容进行修正 比如标签写在了根外部 p元素中嵌套了块元素 根元素中出现了head和body以外子元素注意 修正不是源码 而是源码在内存中形式 看是f12打开后

    13110

    Bootstrap HTML编码规范

    不要在自闭合(self-closing)元素尾部添加斜线 -- HTML5 规范中明确说明这是可选。 不要省略可选结束标签(closing tag)(例如, 或 )。...HTML5 doctype 为每个 HTML 页面的第一行添加标准模式(standard mode)声明,这样能够确保在每个浏览器中拥有一致展现。...实例: 语言属性 根据 HTML5 规范: 强烈建议为 html 根元素指定 lang 属性,从而为文档设置正确语言。...XHTML 规范要求为其赋值,但是 HTML5 规范不需要。...如果一定要为其赋值的话,请参考 WhatWG 规范: 如果属性存在,其值必须是空字符串或 [...] 属性规范名称,并且不要在首尾添加空白符。 简单来说,就是不用赋值。

    1.5K90

    在Email中HTML规范

    =”width=device-width, initial-scale=1.0″/>   使用这个Doctype,也就意味着,不能使用HTML5语法。...布局 网页布局(layout)必须使用表格(table)。首先,放置一个最外层大表格,用来设置背景。...因为放置在网页头部样式,很可能会被客户端删除。客户端对CSS规则支持情况,请看这里。 另外,不要采用CSS简写形式,有些客户端不支持。...发送HTML Email时候,不要忘记MIME类型不能使用   Content-Type: text/plain; 而要使用   Content-Type: Multipart/Alternative...模板 使用别人已经做好模板,是一个不错选择(这里和这里),网上还可以搜到更多。 自己开发的话,可以参考HTML Email Boilerplate和Emailology。

    2.3K20

    html css编码规范

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

    1K10

    HTML编码规范建议

    这段时间在整理前端部分代码规范,初步想法是从HTML、CSS、Javascipt、项目文件目录四部分是整理。之前已经整理完了CSS编码规范,有兴趣可以了解下 1....解释: 对于非 HTML 标签之间缩进,比如 script 或 style 标签内容缩进,与 script 或 style 标签缩进同级。...解释: 过长代码不容易阅读与维护。但是考虑到 HTML 特殊性,不做硬性要求。 1.2命名 [强制] class 必须单词全字母小写,单词间以 - 分隔。...详细标签嵌套规则参见HTML DTD中 Elements 定义部分。 [建议] HTML 标签使用应该遵循标签语义。...模板中 HTML [建议] 模板代码缩进优先保证 HTML 代码缩进规则。 示例: <!

    2.7K30

    HTML规范 - 内容语义

    内容类型决定使用语义标签 在网页中某种类型内容必定需要某种特定HTML标签来承载,也就是我们常常提到根据你内容语义化HTML结构。...加强“资源型”内容可访问性和可用性 在资源型内容上加入描述文案,比如给img添加alt属性,在audio内加入文案和链接等等。...加强“不可见”内容可访问性 背景图上文字应该同时写在html中,并使用css使其不可见,有利于搜索引擎抓取你内容,也可以在css失效情况下看到内容。...适当使用实体 以实体代替与HTML语法相同字符,避免浏览解析错误。...常用HTML字符实体(建议使用实体):字符名称实体名实体数"双引号""&&符&&右尖括号(大于号)>> 空格 

    1.4K20

    网页如何嵌套网页__HTML框架

    通过使用html框架,可以在一个浏览器窗口中展示多个页面。也就是一个html文件中可以引入多个html文件。在网页中框架使用比较少,但我们还是需要了解下。...具体属性及意义: src 指向不同网页,也就是html文件路径。 width height 用来设置iframe引入网页宽高大小。 frameborder 定义iframe表示是否显示边框。...frameset标签具体属性及意义: cols 设置框架中列数目和尺寸,使用逗号分开。 rows 定义框架中行数目和尺寸,使用逗号分开。...frame src设置了引入窗口文档地址。...> 由于单页面应用广泛,多页面基本都用在网站搭建中,所以html框架应用比较少,这节内容作为了解。

    12.9K30

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券