元素和

~

元素不能嵌套块级元素（3）ul、li/ol、li/dl、dt、dd有父子关系标签；ul和ol只能跟在li后面，dl只能跟在dt.dd后面(4)a标签不能嵌套a；2.HTML5元素嵌套规则元素分类不再归类为块元素或内联元素（其实从来没有这样分类），而是按照以下分类：Flow（流元素）、Heading（标题元素）),Sectioning（章节元素）,Phrasing（段落元素）,Embedded（嵌入元素）,Interactive（交互元素）,Metadata（元数据元素）使用语义标签，尽可能少使用无意义的标签，仅用于设置样式，语义HTML结构，有利于搜索引擎理解。另一方面，当多人协作时，可以快速理解开发者的意图。HTML多媒体回溯页面中的图片、视频、canvas动画必须有替代显示内容。对于图片文件，我们可以使用有意义的替代文字（alt属性要求），对于视频和音频文件，我们可以添加说明文字或字幕。例如：代码格式规则在每个块元素、列表元素和表格元素之后，添加一个新的空行。行内元素写在一行上，块元素、列表和表格写在新的一行上。内容、表现和行为的分离尽量在文档和模板中只包含结构化的HTML；将所有表示代码移动到样式表中；将所有动作和行为移动到脚本中。此外，为了使它们之间的联系尽可能小，在文档和模板中应尽可能少地引入样式和脚本文件。主要规则如下：(1)．页面中尽量不要引入两个以上的样式表，比如main.css和vendor.css。(2).保证页面只导入一个js文件（如果有多个文件，合并压缩后再导入）。(3).不要使用内联样式和内部样式。(4).不要使用表现元素，例如、、、和等(5)。不要在元素中使用appearance属性，例如align="center"。当采用HTML5标准进行结构构建时，需要在开头添加。CSS文件应该在head标签中引入，以便浏览器在输出HTML之前获取CSS信息。在标签末尾导入JavaScript文件，让页面显示后，编译JavaScript文件加快页面阅读速度，同时帮助JavaScript对页面中的元素进行操作.元素的操作应该在JavaScript代码中添加，而不是在HTML中。下面这个例子是错误的，后期维护HTMLBoolean属性值比较困难。HTML5规范中的disabled、checked、selected等属性不需要设置值。HTML代码注释如果可能，尽量不写注释，尽量减少文档体积；如果您必须添加评论，那么您必须遵循以下规则：(1)。详细的注释，解释解决问题的代码，解决方案，是否是新的解决方案等。(2).模块注释，github建议不要使用模块结束注释。(3).待办事项注释如：特别注意：注释文本与两端之间必须有一个空格（--）。如何判断网页标签的语义好不好：去掉style，看网页结构是否井井有条，是否还是很有可读性的span和span语义不明显时，可以用p或者div，尽量用p，因为p默认有上下边距，去除样式后可读性更好，有利于兼容特殊终端。不要使用纯样式标签，如bfontu，使用CSS设置语义强调的文字可以包裹在strong和em标签中，strong默认样式为粗体，em默认样式为斜体部分的语义tag：div主要用于布局，划分页面的结构；ul/ol主要用于无序列表/有序列表；dl/dt/dd当页面第一行类似于标题/简要描述时，应使用dl/dt/dd，然后是详细描述；span没有特殊意义，可以作为排版的辅助，然后在css中定义span；h1-h6标题，按重要性降序排列；h1是最重要的标题；label使表单更加友好，可以辅助表单布局；deprecated标签：font文本的外观、大小和颜色；u文本下划线；中心居中对齐；删除线；删除线；noframes忽略框架的内容；iframe定义嵌入式视图；isindex不推荐（可以搜索，改用input）；dir目录式枚举；menu菜单列表；basefont定义基本字体；applet定义java程序；frame定义单个视图框架；frameset定义视图框架的通用格式；属性可读性。class(first)id、namedata-*src、for、type、hreftitle、altria-*、role2.id和classclass用于标识高度可重用的组件，因此应该放在第一位。id用于标识特定组件，应谨慎使用（例如，页面中的书签），因此排在第二位。id一般用于网页的总体布局，如logo、导航、主要内容、版权，标准名称为#logo、#nav、#content、#copyright。一般项目中，css中使用class，js使用id操作dom，不加样式（jq操作class一般不加样式）。表单每个input标签对应的描述文字需要使用label标签，通过给input设置id属性，在label标签中设置“for=someId”，将描述文字与对应的input关联起来