虽然我们可以嵌套标签，但是为了提高浏览器的渲染效率，我们应该尽少的嵌套标签，扁平化。...众所周知，HTML标签有两类： 块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...特点：和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变 功能：用于加强内容显示,控制细节，例如：加粗、斜体等等 嵌套也有规则，不能随意的嵌套。...有些标签是固定的嵌套规则，比如ul包含li、ol包含li、dl包含dt和dd等等。...在元素内嵌入元素会导致所有浏览器的解析错误（a也不可嵌套button，input等交互元素） 在列表元素等插入非列表兄弟元素会导致IE6\IE7的解析错误
0830自我总结 HTML标签嵌套规则 1.块级元素： div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex...嵌套规则 块级元素与块级元素平级,如果块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的 行内元素与行内元素平级,一般情况都是用span来完成行内元素直接的嵌套 行内元素不能嵌套块级元素 块级元素可以包含行内元素或某些块元素
HTML5学堂：HTML标签存在一定的嵌套规则，如果我们不遵循这个嵌套规则进行代码书写，也能够实现出基本的功能（这大概也是HTML+CSS的特殊之处吧），但是直接影响着我们的代码质量。...之后就是块、行的嵌套关系，对于列表项、form、table对子层内容有一定的要求。这样来记忆要好很多~ 基本嵌套规则 1、body可以直接包含块状元素、ins、del、script。
大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。 HTML 文档由相互嵌套的 HTML 元素构成。 ---- HTML 文档实例 html> html> 这是第一个段落。 html> 以上实例包含了三个 HTML 元素。...---- HTML 实例解析 元素: 这是第一个段落。 这个 元素定义了 HTML 文档中的一个段落。 这个元素拥有一个开始标签 以及一个结束标签 ....html> 元素： html> 这是第一个段落。 html> html> 元素定义了整个 HTML 文档。...这个元素拥有一个开始标签 html> ，以及一个结束标签 html>. 元素内容是另一个 HTML 元素（body 元素）。
根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。示例： first second [强制] 标签使用必须符合标签嵌套规则。...-- bad --> [建议] 布尔类型的属性，建议不添加属性值。...示例： 提交 取消 参考资料： 百度规范： https://github.com.../fex-team/styleguide/blob/master/html.md BootStrap规范： https://codeguide.bootcss.com/#html Best Practices
1 前言 HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。...-- bad --> first second [强制] 标签使用必须符合标签嵌套规则。...详细的标签嵌套规则参见HTML DTD中的 Elements 定义部分。 [建议] HTML 标签的使用应该遵循标签的语义。...-- bad --> [建议] 布尔类型的属性，建议不添加属性值。...如果 DOM 结构不允许直接嵌套，则应使用第二种。
什么是html html指的是超文本标记语言(Hyper Text Markup Language)，它包含一系列的标签，我们把这些标签叫做HTML标签，它是HTML语言中最基本的单位、最重要的组成部分...声明必须是 HTML 文档的第一行，位于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 lang 强烈建议为根元素指定属性，从而为文档设置正确的语言。...在项目开发前，制定一套行之有效的编码规范，每个项目组成员都要按这个规范来编码。 块级元素和行内元素 说到代码规范，我先来说说html的块级元素和行内元素。...规范 1. 标签以及标签属性小写。 2. 可省略的闭合标签不省略，自闭合的标签可不写结束斜线。 3. 嵌套的标签必须被正确的嵌套，嵌套的子元素有一格的缩进。 4. 使用2个空格进行缩进。 5....尽量减少标签嵌套。 8. 尽量减少classname，采用语义化标签来代替。 9. 属性值使用双引号，不要使用单引号。 10.
HTML代码规范 我们知道，前端工程师入门容易，通过学习基本的HTML和CSS就能在浏览器上看到实际的效果，可是要写好的HTML，就不是那么容易了。...这里将和大家分享HTML规范，希望大家读完之后都能够有所收获。...本文将主要以下面三个部分展开： HTML整体结构 HTML代码格式 HTML内容语义 第一部分：HTML整体结构 1.HTML基础设施 文件应以嵌套 应当以最严格的xhtml strict标准来嵌套，不如内联元素不能包含块级元素等等。 正确闭合标签且必须闭合。...适当使用实体 以实体代替与HTML语法相同的字符，避免浏览器解析错误。 常用的HTML字符实体(建议使用实体)： ? 常用的字符实体(不建议使用实体)： ?
HTML规范 - 整体结构 HTML基础设施 文件应以“”首行顶格开始，推荐使用“html>”。...table不建议用于布局，但表现具有明显表格形式的数据，table还是首选。 结构、表现、行为三者分离，避免内联 使用link将css文件引入，并置于head中。...比如在这样一个列表中，li标签中的itm应去除： HTML规范 - 代码格式...table或thead、tbody、tfoot 无序列表 只能嵌套li HTML规范 - 内容语义 内容类型决定使用的语义标签 在网页中某种类型的内容必定需要某种特定的HTML...HTML规范 - 邮件内容 邮件环境 邮件内容所在上下文或者说所在外部容器（以下简称环境）都是由邮箱服务商决定的，这就要求邮件内容需要在任何一种情况下都要正确显示。
一、HTML 标签包括 块级元素(block)、内嵌元素（inline） 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签： address、blockquote、center...em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var 二、HTML... 标签的嵌套规则 1.
注： 本地播放，需要Flash播放器。如果电脑上没有，则需要自己下载安装（官方下载）
规范 文档规范 HTML5的文档类型声明：<!...只关注内容 HTML只显示展示内容信息 不要引入一些特定的 HTML 结构来解决一些视觉设计问题 不要将img元素当做专门用来做视觉设计的元素 样式上的问题应该使用css解决 不推荐： 不推荐 html 代码:
嵌套元素应当缩进一次（即两个空格）。 对于属性的定义，确保全部使用双引号，绝不要使用单引号。 不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。...实例： 语言属性 根据 HTML5 规范： 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。...引入 CSS 和 JavaScript 文件 根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript...Example link 布尔（boolean）型属性 布尔型属性可以在声明时不赋值。XHTML 规范要求为其赋值，但是 HTML5 规范不需要。...如果一定要为其赋值的话，请参考 WhatWG 规范： 如果属性存在，其值必须是空字符串或 [...] 属性的规范名称，并且不要在首尾添加空白符。 简单来说，就是不用赋值。
XHTML的出现是为了过渡到xml HTML中不区分大小写，但是我们一般都使用小写 HTML的注释不能嵌套（就和c++中的if-else一样） HTML标签必须结构完整，要么成对出现，要么自结束标签 浏览器会尽最大努力正确解析页面...，不符合语法规范的内容，浏览器会自动修正 但是有些情况会修正错误 F12会跳出开发者控制台 自结束标签： html5中 xhtml中(最后有反斜杠) HTML标签可以嵌套...，但是不能交叉嵌套 HTML标签中的属性必须有值，且值必须加引号 单双引号均可 live-server快捷键 写标签的名字后按tab键补全 写开始标签，...比如标签写在了根html>的外部 p元素中嵌套了块元素 根元素中出现了head和body以外的子元素注意 修正的不是源码 而是源码在内存中的形式 看的是f12打开后的element元素 实体 在HTML.../可以省略不写，如果不写./，也不写..
说明文案的注释方法 采用类似标签闭合的写法，与HTML统一格式；注释文案两头空格，与CSS注释统一格式。 <!...-- NAV1 NAV2 --> HTML...严格的嵌套 尽可能以最严格的xhtml strict标准来嵌套，比如内联元素不能包含块级元素等等。 正确闭合标签且必须闭合。...常用的标签 标签 语义 嵌套常见错误 常用属性（加粗的为不可缺少的或建议的） 超链接/锚 a不可嵌套a href,name,title,rel,target 换行 <button...select中的一个选项 仅用于select value,selected,disabled 段落 不能嵌套块级元素 引用脚本 不可嵌套任何元素
HTML基础设施 html> html> NEC：更好的CSS方案 <meta name="keywords"...结构顺序和视觉顺序基本保持一致 按照从上至下、从左到右的视觉顺序书写HTML结构。 有时候为了便于搜索引擎抓取，我们也会将重要内容在HTML结构顺序上提前。...用div代替table布局，可以使HTML更具灵活性，也方便利用CSS控制。 table不建议用于布局，但表现具有明显表格形式的数据，table还是首选。...另外，请做到以下几点 结构上如果可以并列书写，就不要嵌套。
内容类型决定使用的语义标签 在网页中某种类型的内容必定需要某种特定的HTML标签来承载，也就是我们常常提到的根据你的内容语义化HTML结构。...加强“不可见”内容的可访问性 背景图上的文字应该同时写在html中，并使用css使其不可见，有利于搜索引擎抓取你的内容，也可以在css失效的情况下看到内容。...适当使用实体 以实体代替与HTML语法相同的字符，避免浏览解析错误。...常用HTML字符实体（建议使用实体）：字符名称实体名实体数"双引号""&&符&&右尖括号（大于号）>> 空格 ...; 中文全角空格 常用特殊字符实体（不建议使用实体）：字符名称实体名实体数¥元¥¥¦断竖线¦¦©版权©©®注册商标
The following document outlines a reasonable style guide for HTML development....Attribute order HTML attributes should be listed in an order that reflects the fact that class names...Use clear, thoughtful, and appropriate names for HTML classes....The names should be informative both within HTML and CSS files....DOCTYPE html> html> Document
有人建议编码规范这种东西应该落实到ESlint这类工具上去，而不是停留在文档层面。 在我看来，规范也要看和记，难道你用 vscode/sublime 写个demo还要配上语法检查这一套东西么。...HTML section里面要有标题标签 section/aside/article/nav这种标签，需要在里面写一个h1/h2/h3之类的标题标签，因为这四个标签可以划分章节，它们都是独立的章节，需要有标题...另外邮件模板里面不能写媒体查询，不能写script，不能写外联样式，这些都会被邮件客户端过滤掉，样式都得用内联style，你可以先写成外联，然后再用一些工具帮你生成内联html。...写完后要实际测一下，可以用QQ邮箱发送，它支持发送html格式文本，发完后在不同的客户端打开看一下，看有没有问题，如手机的客户端，电脑的客户端，以及浏览器。... 第二种可能比较符合规范
这段时间在整理前端部分代码规范，初步想法是从HTML、CSS、Javascipt、项目文件目录四部分是整理。之前已经整理完了CSS编码规范，有兴趣可以了解下 1....-- bad --> first second [强制] 标签使用必须符合标签嵌套规则。...详细的标签嵌套规则参见HTML DTD中的 Elements 定义部分。 [建议] HTML 标签的使用应该遵循标签的语义。...-- bad --> [建议] 布尔类型的属性，建议不添加属性值。...如果 DOM 结构不允许直接嵌套，则应使用第二种。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
