HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记（四）主页面主页面

Posted on 2023年10月25日2023年10月25日 by hackdl

HTML中列表的作用

HTML中的列表（List）用于呈现按照一定逻辑关系组织的信息，以便用户更好地理解和识别。列表可以分为有序列表、无序列表和定义列表三种类型。

有序列表（Ordered List）：用于表示按照一定顺序排列的项目，每个项目都有对应的标记。常见的例子包括步骤、流程等。
无序列表（Unordered List）：用于表示没有特定顺序的项目列表，每个项目的标记通常是默认的实心圆点符号。常见的例子包括特征、优点、缺点等。
定义列表（Definition List）：用于表示一组术语及其对应的定义或描述，每个术语和对应的定义通常使用
和
标签进行标记。常见的例子包括词汇表、术语集合等。

使用列表可以帮助用户更好地理清思路，易于阅读和理解内容。此外，列表还可以通过CSS样式进行美化，增加页面的吸引力和整体性。

HTML中列表的作用是为了更好地组织和呈现信息，使得页面更加清晰易懂。常见的列表类型有无序列表（ul）、有序列表（ol）和定义列表（dl）。

无序列表可以用来列出不需要按照特定顺序排序的项目，每个项目通常前面会有一个小圆点或小方块来标记。

有序列表可以用来列出需要按照一定顺序排序的项目，每个项目通常前面会有一个数字或字母来标记。

定义列表则可以用来列出具有特定定义关系的术语及其对应的定义，在每个术语前面通常会有一个加粗的词条，而对应的定义则紧随其后。

使用HTML中的列表可以让我们更好地呈现和组织信息，并且可以增强页面的可读性和易用性。

除了更好地组织和呈现信息外，HTML中的列表还具有以下作用：

增加结构性：列表可以帮助页面内容的结构更加明确，使其更易于理解和导航。通过使用列表，可以将相关的信息分组，使页面结构更清晰。
提高可访问性：对于一些使用辅助功能的用户来说，列表可以提供更好的可访问性。屏幕阅读器和其他辅助技术可以识别列表，并根据其语义意义提供更准确的信息。
改善搜索引擎优化（SEO）：使用正确的列表结构可以提高搜索引擎对网页内容的理解和索引。搜索引擎爬虫可以更好地识别和解析列表，并理解列表项之间的关联性。
方便样式定制：通过CSS样式可以自定义列表的外观，包括调整标记符号的样式、项目之间的间距等。这样可以使列表在视觉上与页面的整体风格相匹配。
增加交互性：可以为列表项添加链接、按钮或其他交互元素，使用户能够点击列表项进行操作或导航到其他页面。

HTML中的列表不仅可以帮助组织和展示信息，还可以提高可访问性、优化SEO、自定义样式和增加交互性，从而改善网页的用户体验。

介绍html中的有序列表

在HTML中，有序列表（Ordered List）用于表示按照一定的顺序排列的项目。有序列表使用

标签来定义，每个列表项使用

标签来定义。

下面是一个示例：


  第一项
  第二项
  第三项

渲染出来的效果如下：

第一项
第二项
第三项

可以看到，有序列表会自动为每个项目分配一个数字作为项目的标记。

有序列表还支持一些属性，可以通过属性来进行额外的控制。以下是一些常用的属性：

type：用于指定项目标记的类型。常见的取值有：

1：默认值，使用阿拉伯数字（1, 2, 3…）作为标记。
A：使用大写字母（A, B, C…）作为标记。
a：使用小写字母（a, b, c…）作为标记。
I：使用大写罗马数字（I, II, III…）作为标记。
i：使用小写罗马数字（i, ii, iii…）作为标记。

下面是一个使用type属性的示例：


  第一项
  第二项
  第三项

渲染出来的效果如下：

A. 第一项
B. 第二项
C. 第三项

无序列表

在HTML中，无序列表（Unordered List）用于表示没有特定顺序的项目列表。无序列表使用

标签来定义，每个列表项使用

标签来定义。

下面是一个示例：


  第一项
  第二项
  第三项

渲染出来的效果如下：

第一项
第二项
第三项

可以看到，无序列表的项目标记通常是默认的实心圆点符号。

无序列表同样支持一些属性，以下是一些常用的属性：

type：用于指定项目标记的类型。常见的取值有：

disc：默认值，使用实心圆点作为标记。
circle：使用空心圆圈作为标记。
square：使用实心正方形作为标记。

下面是一个使用type属性的示例：


  第一项
  第二项
  第三项

渲染出来的效果如下：

○ 第一项
○ 第二项
○ 第三项

定义列表

在HTML中，可以使用

、

和

标签来定义列表（Definition List）。定义列表用于表示名词及其对应的定义或描述。

标签定义了一个列表，

标签定义了每个名词，

标签定义了每个名词对应的定义或描述。

下面是一个示例：


  HTML
  超文本标记语言（HyperText Markup Language）的缩写，用于创建网页的标准标记语言。
  
  CSS
  层叠样式表（Cascading Style Sheets）的缩写，用于设置网页的样式和布局。
  
  JavaScript
  一种用于编写交互性网页和应用程序的脚本语言。

渲染出来的效果如下：

HTML
超文本标记语言（HyperText Markup Language）的缩写，用于创建网页的标准标记语言。

CSS
层叠样式表（Cascading Style Sheets）的缩写，用于设置网页的样式和布局。

JavaScript
一种用于编写交互性网页和应用程序的脚本语言。

在定义列表中，

表示名词，

表示定义或描述。可以根据需要添加任意数量的名词和对应的定义。

子元素介绍

列表是一种常见的HTML元素，用于组织和显示项目或定义的集合。在HTML中，主要有三种类型的列表：无序列表 (

)、有序列表 (

) 和定义列表 (

)。下面是它们各自的子元素介绍：

无序列表 (
) 的子元素：

无序列表项 (
)：无序列表中的每个项目都是一个无序列表项。它可以包含文本、图像、链接等其他HTML元素。每个无序列表项以默认的小圆点或其他样式进行标记，具体样式可以通过CSS进行自定义。

有序列表 (
) 的子元素：

有序列表项 (
)：有序列表中的每个项目都是一个有序列表项。和无序列表项类似，有序列表项可以包含各种HTML元素作为内容。每个有序列表项都有一个自动生成的顺序编号，如数字、字母或罗马数字等。

定义列表 (
) 的子元素：

定义标题 (
)：定义列表中的每个术语或名称都需要使用定义标题来标识。通常位于定义列表的起始位置。
定义描述 (
)：定义列表中的每个术语或名称需要配合一个或多个定义描述来解释或描述其含义。定义描述紧跟在相应的定义标题后面。

这些子元素在不同类型的列表中扮演不同的角色，但它们都用于将内容组织成具有结构和可读性的列表形式。通过使用适当的列表类型和子元素，可以有效地呈现和传达信息。

html中的表格标签

在HTML中，可以使用以下标签创建和格式化表格：

：定义一个表格。：定义表格中的一行。：定义表格的标题。：定义表格的头部（包含表头）。：定义表格的主体部分（包含数据行）。：定义表格的页脚部分（包含汇总行）。下面是一个简单的表格示例：：定义表头单元格，通常位于表格的第一行。：定义数据单元格，用来显示表格中的数据。学生成绩表姓名科目成绩张三数学 90 李四语文 85

：定义表头单元格，通常位于表格的第一行。	：定义数据单元格，用来显示表格中的数据。

学生成绩表
姓名	科目	成绩
张三	数学	90
李四	语文	85


以上代码会创建一个有两行三列的表格，表格包含了一个标题和表头部分，以及两行数据行。每个单元格都使用

或
标签进行定义。
除了上述基本的表格标签之外，HTML还提供了一些其他属性和标签来格式化表格。


colspan和rowspan属性：用于跨列或跨行合并单元格。例如：



  编号
  姓名
  张三


  性别
  男


以上代码会创建一个表格，其中第一列跨两行，第二行中第一列为"姓名"，第二列为"性别"。




和

标签：用于定义表格的列。例如：



  
    
    
  
  
    列1
    列2
  
  
    数据1
    数据2
  


以上代码会创建一个带有两列的表格，第一列的背景色为灰色。

表格样式：可以使用CSS样式来进一步控制表格的样式，包括表格边框、宽度、对齐方式等，示例代码：



  table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
  }


以上代码定义了表格的边框样式、宽度等属性，以及单元格的内边距和文本对齐方式。

表格排列和对齐：可以通过使用
、
和
标签来将表格分成不同的部分，然后利用CSS样式来控制这些部分的样式。
例如，以下代码会将表格的表头行和数据行颜色分别设为蓝色和白色，并使表头行文本居中对齐：


  th {
    background-color: blue;
    color: white;
    text-align: center;
  }
  tbody tr {
    background-color: white;
  }



  
    
      编号
      名称
      价格
    
  
  
    
      1
      商品1
      100元
    
    
      2
      商品2
      200元
    
  



响应式表格：可以使用CSS媒体查询来创建响应式表格，以适应不同屏幕大小的显示。例如，以下代码会在屏幕宽度小于600像素时，将表头单元格变为顺序列表示，而不是水平排列：



  table {
    border-collapse: collapse;
    width: 100%;
  }
  th, td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
  }
  @media only screen and (max-width: 600px) {
    th {
      display: block;
    }
  }



  
    
      编号
      名称
      价格
    
  
  
    
      1
      商品1
      100元
    
    
      2
      商品2
      200元
    
  


以上代码会在屏幕宽度小于600像素时，将表头单元格以顺序列表示，而不是水平排列。
表格中的单元格如何合并
表格中的单元格可通过使用colspan和rowspan属性来合并单元格，具体方式如下：

合并列（colspan）：将一个单元格跨越多列的宽度，即占据多列。



  
    姓名
    张三
  
  
    年龄
    20岁
    男
  


以上代码会创建一个表格，其中第二行第一列为"姓名"，第二列和第三列合并成一格，显示"张三"。

合并行（rowspan）：将一个单元格跨越多行的高度，即占据多行。



  
    1
    2
    a
  
  
    3
    b
  
  
    4
    c
    d
  


以上代码会创建一个表格，其中第一列的第一行和第二行合并成一格，显示数字"1"。

当需要合并多行和多列时，可以同时使用colspan和rowspan来实现更复杂的单元格合并。
以下是一个示例，演示如何在表格中合并多行和多列的单元格：


  
    产品
    销售额
  
  
    第一季度
    第二季度
  
  
    A
    100
    200
  
  
    150
    250
  
  
    120
    180
  


以上代码会创建一个表格，其中有一个合并了两行和两列的单元格。第一列的"产品"单元格跨越了三行，而第一行的"销售额"单元格跨越了两列。
框架标签
框架标签（和）已被废弃，不再建议在 HTML 中使用，因为它们与现代 Web 开发的语义化和可访问性准则不兼容。
相反，建议使用  元素作为替代方案。 元素允许在一个页面中嵌入另一个页面，并且开发者可以自由地控制它的大小、位置和内容。
以下是一个简单的示例，演示如何在一个 HTML 页面中嵌入另一个页面：



  
    嵌入网页示例
  
  
    主页面
    这是一个主页面。
    
  


以上代码会创建一个包含一个带有 src 属性的  元素的 HTML 文件。该属性指定要嵌入的另一个页面的 URL。在这种情况下，嵌入的页面将是 "http://www.example.com"。
如果你需要控制  元素的大小、位置和样式，可以使用 CSS 在样式表中对其进行配置。以下是一些基本的 CSS 属性，可以用来控制  元素：


width：设置元素的宽度。

height：设置元素的高度。

border：设置元素的边框。例如，border: 1px solid black; 表示一个黑色的、边框宽度为 1 像素的边框。

margin：设置元素的外边距。例如，margin: 10px; 表示一个 10 像素的外边距。

padding：设置元素的内边距。例如，padding: 10px; 表示一个 10 像素的内边距。

以下是一个示例，演示如何在样式表中对  元素进行配置：



  
    嵌入网页示例
    
      iframe {
        width: 500px;
        height: 300px;
        margin: 20px;
        padding: 10px;
        border: 1px solid black;
      }
    
  
  
    主页面
    这是一个主页面。
    
  


以上代码会创建一个包含一个带有样式的  元素的 HTML 文件。该元素将具有指定的宽度、高度、外边距、内边距和边框。
表单的语义化
表单的语义化是指使用合适的HTML元素和属性来描述表单的结构和目的，以便提供更好的可访问性、可维护性和语义明确性。通过正确使用语义化的表单标记，可以使页面更易于理解和操作。
以下是一些常见的用于表单语义化的HTML元素和属性：


：定义表单区域的开始和结束。

：用于输入文本、数字、日期等各种类型的数据。可以使用不同的type属性来指定输入类型，例如text、number、date等。

：用于多行文本输入。

：用于创建下拉选择框。

：定义元素中的选项。

：与表单控件关联的标签，以提供更好的可访问性和用户体验。使用for属性将标签与相应的表单控件关联起来。

：用于创建按钮，可以用于提交表单或执行其他操作。



和


：用于将相关的表单元素分组，并为分组添加标题。

使用这些元素和属性，可以清晰地定义表单的结构和目的。通过正确的语义化，浏览器、辅助技术和搜索引擎可以更好地理解和处理表单，同时提供更好的用户体验。
以下是一个简单的示例，展示了如何语义化地创建一个登录表单：


  
    用户登录
    
      用户名：
      
    
    
      密码：
      
    
    
      
    
  


在以上示例中，元素表示整个表单区域。


和


元素用于将表单元素分组，并为分组添加标题。元素与各个输入字段关联，提供标签名称和for属性。元素用于接受用户名和密码，元素用于提交表单。
当涉及到表单的语义化时，除了使用合适的HTML元素和属性之外，还可以考虑以下几点：

使用元素的type属性：根据输入字段所需的数据类型，选择正确的type属性。例如，使用type="email"来接受电子邮件地址，使用type="tel"来接受电话号码等。
使用元素的autocomplete属性：为表单控件启用自动填充功能，使用户能够更方便地填写表单。例如，对于用户名字段，可以设置autocomplete="username"。
使用元素的pattern属性：通过使用正则表达式模式，限制用户输入的格式。例如，可以使用pattern="[A-Za-z]{3}"来限制用户名为3个字母。
使用元素的required属性：将required属性添加到必填字段上，以便在提交表单之前进行验证。这样可以确保用户不会忘记填写必要的信息。
使用元素的placeholder属性：提供示例文本，帮助用户理解该字段所需的内容格式或类型。
使用


和


元素进行分组：如果表单包含多个相关字段，可以使用


和


元素将它们分组起来，并为分组添加一个标题，使其更易于理解和导航。
使用元素提供选项：当用户需要从一组预定义选项中选择时，可以使用元素提供一个下拉列表。用户可以从列表中选择或手动输入值。
使用aria-label和aria-labelledby属性：为表单控件添加适当的ARIA属性，以提高可访问性。aria-label用于提供简短的描述，而aria-labelledby用于引用包含描述的元素的ID。

通过合理地运用上述技术和建议，可以创建具有良好语义化的表单，增强用户体验、可访问性和可维护性。
当涉及到表单的语义化时，还可以考虑以下几点：

使用适当的标签：除了使用、和等元素外，还可以考虑使用更具语义化的标签来表示不同类型的输入。例如，使用来表示复选框，使用来表示单选按钮。
使用元素提供预定义选项：使用元素可以为输入字段提供一组预定义选项。这样，浏览器将自动为用户提供自动完成功能，使其更轻松地选择合适的选项。
使用元素显示计算结果或反馈信息：元素可用于显示计算结果或向用户提供反馈信息，以增强用户体验。
使用元素显示进度条：当需要展示长时间操作的进度时，可以使用元素来显示进度条，帮助用户了解操作的完成情况。
使用元素表示度量值：元素用于表示某个度量值或比例。例如，可以使用元素来表示文件上传的进度或密码强度。
使用


和


元素分组相关字段：当表单包含多个相关字段时，可以使用


和


元素将它们分组起来，并为分组添加一个标题，以提高表单的可读性和易用性。
使用role属性增强可访问性：使用role属性可以将自定义角色分配给表单元素，以增强可访问性。例如，可以为表单的提交按钮添加role="button"来模拟按钮的行为。

通过考虑上述建议，可以更好地语义化表单，提供更好的用户体验、可访问性和可维护性。





                

                    

                    赞

                
            

                

                    

                    收藏

                
            

                

                    

                    评论

                
            

                

                    

                    分享

                
            

                    

                        

                        举报

                    
                


上一篇：HTML图片标签（2）   HTML5+CSS3+移动web 前端开发入门笔记（三）
下一篇：HTML标签详解  HTML5+CSS3+移动web 前端开发入门笔记（四）





                


                提问和评论都可以，用心的回复会被更多人看到

                评论
            


                    
                

                    发布评论
                




        全部评论

        ()

        最热

        最新
    

        



            相关文章
        



HTML图片标签（2）   HTML5+CSS3+移动web 前端开发入门笔记（三）
 图片标签HTML中，可以使用标签来插入图片。具体的语法为：其中，src属性用于指定图片的路径，可以是相对路径或绝对路径。常见的有相对当前HTML文件的路径（如images/pic.jpg）或完整的URL（如https://example.com/images/pic.jpg）。alt属性是图片的替代文本，用于在图片无法显示时提供文字

                                                                    

                                         HTML                                    

                                                                    

                                         CSS                                    

                                                                    

                                         相对路径                                    
                                                            




大前端 （四） -- HTML5 标签 3
 HTML语义

                                                                    

                                         语义化                                    

                                                                    

                                         html5                                    

                                                                    

                                         java编程思想                                    
                                                            




【Web前端】标签大全HTML/CSS/JavaScript
 HTML 超文本标记语言它负责网页的三个要素之一结构CSS1 内容与表现分离        2网页表现统一容易更改         .3丰富样式  是布局灵

                                                                    

                                         前端                                    

                                                                    

                                         javascript                                    

                                                                    

                                         html                                    

                                                                    

                                         css                                    

                                                                    

                                         选择器                                    
                                                            




html5移动web开发笔记
 width指定虚拟窗口的屏幕宽度大小。 height指定虚拟窗口的屏幕高度大小。 initial-scale 指定初始缩放比例。 maximum-scale指定允许用户缩放的最大比例。 minimum-scale 指定允许用户缩放的最小比例。 user-scalable 指定是否允许手动缩放。

                                                                    

                                         html5                                    
                                                            




web前端学习笔记（HTML、CSS）
 Django学习笔记Django学习笔记前期知识Django学习笔记前期知识创建项目文件夹django-admin star

                                                                    

                                         html                                    

                                                                    

                                         css                                    

                                                                    

                                         web                                    

                                                                    

                                         选择器                                    

                                                                    

                                         CSS                                    
                                                            




前端一HTML:四: html标签
 html标签简单说就是被"'括起来的就是标签。 H系列标签.  作用:将文字以标题的形式显示出来。一共有h1,h2,h3,h4,h5,h6标签.P标签:段落标签 将某行文字以段落形式显示。
这是一段文字
hr标签:在页面上显示一条横线.默认占整行

br标签: 换行

                                                                    

                                         html                                    

                                                                    

                                         删除线                                    

                                                                    

                                         a标签                                    

                                                                    

                                         下划线                                    

                                                                    

                                         绝对路径                                    
                                                            




html5css前端app html5+css3 web前端开发
 HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一，HTML5是HTML标准，它本身是一项标准化协议，然而被炒热后登上了互联网行业的招聘条目，HTML5开发这个名词本身就是不专业的称呼，通常意义上指使用HTML5等较为潮流的技术进行前端开发。web前端的主要职责是利用(X)HTML/CSS/JavaSc

                                                                    

                                         html5css前端app                                    

                                                                    

                                         前端                                    

                                                                    

                                         html5                                    

                                                                    

                                         css3                                    

                                                                    

                                         HTML5                                    
                                                            




css3前景 html5 html5+css3 web前端开发
 css的简介

                                                                    

                                         css3前景 html5                                    

                                                                    

                                         css                                    

                                                                    

                                         html                                    

                                                                    

                                         css3                                    

                                                                    

                                         选择器                                    
                                                            




html5前端开发css3 html+css+javascript前端开发
 近些时日一直忙于项目，程序安排比较紧张，没有总结，今日完成了一个阶段，继续总结。因为现在基本实现了js，css以及html的完全分离，html搭建结构，css渲染页面，js实现动态效果。同时为了个人开发方便，在本项目中对某些函数进行抽象，建立本项目的基于jquery的js文件，从而大大节省了工作量，实现基础文件修改，本网站所有调用函数的页面全部更改。到了此阶段，前端开发对于我来说，相比以往有了事半

                                                                    

                                         html5前端开发css3                                    

                                                                    

                                         css                                    

                                                                    

                                         html                                    

                                                                    

                                         复用                                    
                                                            




html5 移动端开发 html移动web开发
 　　说实话，我们这次开发移动端的项目，整个项目组的人都是第一次，最初立项的时候为是选择native app和web app还争论了一番，最后综合考虑，我们选择了web（我们选择了h5）开发。但从这两种开发模式的特点来说，从它们诞生之日起就开始了不断的争论，孰好孰坏，本文不作探讨，只是简单罗列下本人开发遇到的问题和最终的解决方案。　　1. 响应式web设计　　说到这个，移动开发面对的屏幕尺寸那叫一个

                                                                    

                                         html5 移动端开发                                    

                                                                    

                                         媒体查询                                    

                                                                    

                                         web设计                                    

                                                                    

                                         响应式                                    
                                                            




html5 推荐 移动开发 html移动web开发
 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认还是带有圆角的，

                                                                    

                                         html5 推荐 移动开发                                    

                                                                    

                                         ios                                    

                                                                    

                                         android                                    

                                                                    

                                         发短信                                    
                                                            




Web前端开发——HTML基本标签
 标题h1-h6 只有h1到h6，没有h7。 一个页面建议只有一个h1 普通文字大小大约介于h3~h4 段落p 段内换行br 段内分组span 预留格式pre 水平线hr

                                                                    

                                         编程                                    
                                                            




html5 怎么 移动开发 html5移动web开发
 本系列博客将主要介绍如今大红大紫的移动Web应用程序开发最重要的三个工具：HTML5，JavaScript， CSS3。博文也分为三个大部分：1. 众望所归的HTML5将主要介绍HTML5的前世今生，主要功能和API以及相关Demo，Demo的代码都可以在文章附件中下载到；2. 高性能JavaScript将主要介绍如何让JavaScript更流畅，JavaScript debug和分析工具，可以说

                                                                    

                                         html5 怎么 移动开发                                    

                                                                    

                                         HTML5                                    

                                                                    

                                         Web                                    

                                                                    

                                         HTML                                    
                                                            




html5+css3基础开发教程第二版 html5css3web前端开发答案
 这篇文章并不是最全的前端面试题(没有最全，只有更全)，只是针对自己面试过程中遇到的一些难题、容易忽略的题做一个简单的笔记，方便后面有面试需要的小伙伴们借鉴，后续内容会不定时更新，有错误之处希望大家不吝指出。1、CSS3的新特性实现圆角(border-radius)阴影(box-shadow)文字加特效(text-shadow)线性渐变(gradient)旋转(transform)媒体查询，多栏布局

                                                                    

                                         html5+css3基础开发教程第二版                                    

                                                                    

                                         html5css3面试题及答案                                    

                                                                    

                                         选择器                                    

                                                                    

                                         盒模型                                    

                                                                    

                                         CSS                                    
                                                            




【前端笔记】1.HTML5+CSS3
 1.HTML基本标签和属性 2.HTML5新标签和属性 3.CSS基本样式编写 选择器 盒子模型 定位、浮动 4.CSS3新特性 过渡、动画 2D、3D转换 边框、圆角 背景、渐变 5.DIV布局 盒子模型 弹性布局 Flex布局 双飞翼布局 6.表单验证 7.音视频的基本操作 8.Canvas 动 ...

                                                                    

                                         前端                                    

                                                                    

                                         盒子模型                                    

                                                                    

                                         html                                    

                                                                    

                                         css3                                    

                                                                    

                                         2d                                    
                                                            




html5前端开发工具 html5+css3前端开发技术
 目录CSS3有哪些新特性？html5CSS3有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据）之间的区别是什么？如何实现浏览器内多个标签页之间的通信?你如何对网站的文件和资源进行优化？什么是响应式设计？新的 HTML5 文档类型和字符集是？HTML5 C

                                                                    

                                         html5前端开发工具                                    

                                                                    

                                         前端                                    

                                                                    

                                         HTML5                                    

                                                                    

                                         CSS3                                    

                                                                    

                                         基础知识                                    
                                                            




html5 移动平台开发框架 html移动web开发
 1、 移动web开发（pc端的页面用手机浏览器打开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性2、 web app开发（web应用程序）特指的是用html5技术开发，之所以叫web app是因为他比

                                                                    

                                         html5 移动平台开发框架                                    

                                                                    

                                         搜索引擎                                    

                                                                    

                                         meta标签                                    

                                                                    

                                         缩放                                    
                                                            




css3入门 html5 html5+css3
 HTML5+CSS3的学习(中)2018版李立超html+css基础 103集教程，哔哩哔哩链接：https://www.bilibili.com/video/BV1sW411T78k?spm_id_from=333.999.0.02019版李立超前端html5+css3 148集教程，哔哩哔哩链接：https://www.bilibili.com/video/BV1XJ411X7Ud?spm_i

                                                                    

                                         css3入门 html5                                    

                                                                    

                                         css3                                    

                                                                    

                                         html5                                    

                                                                    

                                         css                                    

                                                                    

                                         背景图片                                    
                                                            




html5 移动网页 html移动web开发
 前端移动web开发基础知识点整理(html篇)整体目标利用HTML和CSS能够写出常见的静态页面 (PC) 注:此文章是根据本人自己的学习笔记整理,以供参考,学海无涯,能力有限,不足之处,望见谅一.准备工作基础知识的储备:1.网页的认知:网页的构成是由文字，图片，超链接，多媒体(音频，视频，Flash)等组成！2. 五大常见浏览器介绍：（内核做个了解）:IE （edge）（Trident） 火狐（

                                                                    

                                         html5 移动网页                                    

                                                                    

                                         移动开发                                    

                                                                    

                                         基础                                    

                                                                    

                                         html                                    

                                                                    

                                         原创                                    
                                                            




spark在哪打开 spark f1
  Spark MLlib求解Precision, Recall, F1 使用JavaMaven依赖使用的核心类理论准备Precicion, Recall, F1计算Precision计算Recall计算F1注意Java代码回到发放信用卡问题上用到的数据集参考 Maven依赖

     org.apache.spark
                        

                                                                    

                                         spark在哪打开                                    

                                                                    

                                         机器学习                                    

                                                                    

                                         spark                                    

                                                                    

                                         apache                                    

                                                                    

                                         java                                    
                                                            




流水灯代码python 流水灯代码verilog
 1. 为了更好地学习FPGA和深入理解Verilog语法，首先从最简单的流水灯做起。虽然简单，但是也包含了不少知识。通过这次实验项目，可以了解开发软件的使用及Verilog的编程方法，熟悉模块化设计的方法。2. 该项目主要实现的功能为：（1）10位的流水灯（2）中间两个led灯每隔100ms闪烁一次（3）两边的led灯每隔100ms流动一下，从中间向两边流水。3. 具体实现如下&nbs

                                                                    

                                         流水灯代码python                                    

                                                                    

                                         数据                                    

                                                                    

                                         寄存器                                    

                                                                    

                                         Verilog                                    
                                                            




基于java的 态势感知平台 态势感知平台英文全称
 近年来SIEM、态势感知平台、安全运营中心等概念炒的火热，有的人认为这都是安全管理产品，这些产品就是一回事，有人认为还是有所区分。那么到底什么是SIEM、什么是态势感知平台、什么是安全运营中心，他们之间有什么联系和区别呢？一、SIEMSIEM英文是security information and event managemen安全信息和事件管理 SIEM是一个由多个监视和分析组件组成的安全系统，旨

                                                                    

                                         基于java的 态势感知平台                                    

                                                                    

                                         网络                                    

                                                                    

                                         安全                                    

                                                                    

                                         web安全                                    

                                                                    

                                         数据                                    
                                                            




jquery历史各版本 jquery 最新版
 JQuery01JQuery概念【1】概念： 一个JavaScript框架。简化JS开发 【2】jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种

                                                                    

                                         jquery历史各版本                                    

                                                                    

                                         jquery                                    

                                                                    

                                         javascript                                    

                                                                    

                                         js                                    

                                                                    

                                         css                                    
                                                            
   服务器托管网                                                                 



头歌实践教学平台hadoop开发搭建环境答案 头歌educoder实训作业答案指针
 第1关：数组倒置：题目：本关任务：程序功能是通过调用reverse()函数按逆序重新放置数组a中的元素值，请补全程序。测试输入：0 1 2 3 4 5 6 7 8 9预期输出：9 8 7 6 5 4 3 2 1 0代码思路：数组倒置只需要将相应的指针交换位置即可，原题给出大部分代码，我们只需要补充细节即可代码表示：#include "stdio.h"

#define N 10

void

                                                                    

                                         c语言                                    

                                                                    

                                         数据结构                                    

                                                                    

                                         开发语言                                    

                                                                    

                                         i++                                    

                                                                    

                                         字符串                                    
                                                            









                            


                    时间斗士









                                                            关注

                                                    
            



    





                分类列表
                            


                        # C++7篇
                    

                        # matlab2篇
                    




                近期文章
            


                        1.ospf type=1和type=2
                    

                        2.Android启动原理解析
                    

                        3.自学CSday5
                    

                        4.#yyds干货盘点# LeetCode程序员面试金典：132 模式
                    

                        5.平台首发|谷歌专家最新整理的《Kotlin协程入门进阶实战指南》问世
                    



            


                    文章目录
                




                                        

                                                                                        HTML中列表的作用                                        
                                    


                            服务器托管网        

                                        

                                                                                        介绍html中的有序列表                                        
                                    



                                        

                                                                                        无序列表                                        
                                    



                                        

                                                                                        定义列表                                        
                                    



                                        

                                                                                        子元素介绍                                        
                                    



                                        

                                                                                        html中的表格标签                                        
                                    



                                        

                                                                                        表格中的单元格如何合并                                        
                                    



                                        

                                                                                        框架标签                                        
                                    



                                        

                                                                                        表单的语义化                                        
                                    







                
            

                 
            

              意见
反馈
            

              
            




举报文章

请选择举报类型

                内容侵权

                涉嫌营销

                内容抄袭

                违法信息

                其他
            


具体原因

                包含不真实信息

                涉及个人隐私
            


原文链接（必填）


补充说明
            
0/200


上传截图

                
格式支持JPEG/PNG/JPG，图片不超过1.9M

                

                    
                



            

            
        

            已经收到您得举报信息，我们会尽快审核
        









                

                    

                    赞

                
            

                

                    

                    收藏

                
            

                

                    

                    评论

                
            

                

                    

                    分享

                
            



            

如有误判或任何疑问，可联系 「51CTO博客客服 」申诉及反馈。

                我知道了
             














        






 51CTO首页                                
 内容精选                                
 博客                                
 学堂                                
 精培                                
 企业培训                                
 CTO训练营                                
 智能汽车                                
 开源基础软件社区                                
 WOT全球技术创新大会                                



公众号矩阵
移动端






                                           短视频

                                              免费课程

                                              课程排行

                                              直播课

                                              软考学堂
                                            

                                           精品班

                                              厂商认证

                                              IT技术

                                              2023年软考

                                              PMP项目管理
                                            

                                           在线学习

                                              企业服务
                                            

                                           CTO训练营

                                              技术经理研习营

                                              LeaTech峰会
                                            

                                           文章

                                              资源

                                              问答

                                              开源课堂

                                              专栏

                                              直播
                                            



51CTO



开源基础软件社区



51CTO技术栈



51CTO官微



51CTO学堂



51CTO博客



CTO训练营



开源基础软件社区订阅号





51CTO学堂APP



51CTO学堂企业版APP



开源基础软件社区视频号









51CTO博客



首页







关注
排行榜

                订阅专栏
            




                         

                        


搜索历史

                                清空
                            



热门搜索






                            查看【

                            

                            】的结果
                        



                         写文章


创作中心


                    登录注册
                





                
Copyright  2005-2023 51CTO.COM

                    版权所有 京ICP证060544号


关于我们



官方博客
全部文章
热门标签
班级博客


了解我们
在线客服
网站地图
意见反馈





友情链接



开源基础软件社区
51CTO学堂


51CTO
 汽车开发者社区








                
                                            


    var userId="";

var uid="";

var user_id=16066194;

var isLogin=0;

var imgpath="https://s2.51cto.com/";

var BLOG_URL="https://blog.51cto.com/";

var HOME_URL="https://home.51cto.com/";

var STATICPATH="https://static2.51cto.com/edu/";

var SA_SERVER_URL_YM="https://sc.51cto.com/sa?project=production";

var cururl="https://blog.51cto.com/u_16076194/7910763";

var login_url="https://home.51cto.com/mobile/client-login?reback=https://blog.51cto.com/u_16076194/7910763";

var praise_url="https://blog.51cto.com/praise/praise";

var qrcodeSid="";

var qr_code="";

var router="blog/index";

var csrfParam="_csrf";

var csrfToken="Dsx5vzlNXltEdQuH7vHAa-r93VZR4te3h7QAbleOuChqiAawsuhPFWd2daGXcT4Uzqu-IW-I9K29Cz6_HyThMQ==";

var is_load=0;

var uc_url="https://ucenter.51cto.com/";

var blog_url="https://blog.51cto.com/";

var isBuy=1;

var isPc=0;

var writeMessage="著作权归作者所有：来自51CTO博客作者时间斗士的原创作品，请联系作者获取转载授权，否则将追究法律责任rnHTML标签详解  HTML5+CSS3+移动web 前端开发入门笔记（四）rnhttps://blog.51cto.com/u_16076194/7910763";

var isCodeCopy=0;

var cid="";

var fid=0;

var commentListPage="";

var originalUrl="https://blog.51cto.com/u_16076194/original";

var followersUrl="https://blog.51cto.com/u_16076194/followers";

var translateUrl="https://blog.51cto.com/u_16076194/translate";

var reproduceUrl="https://blog.51cto.com/u_16076194/reproduce";

var followingUrl="https://blog.51cto.com/u_16076194/following";

var page="detail";

var tipStatus=1;

var addReply_url="https://blog.51cto.com/addBlogComment";

var removeUrl="https://blog.51cto.com/delBlogComment";

var blog_id=7910763;

var is_comment=0;

var comment_list="https://blog.51cto.com/getBlogCommentList";

var index_url="https://blog.51cto.com/u_16076194";

var img_url="https://static2.51cto.com/edu/blog/";

var i_user_id="";

var c_user_id=16066194;

var collect_url="https://blog.51cto.com/addUserCollect";

var is_old=2;

var nicknameurl="https://blog.51cto.com/u_16076194";

var nickname="时间斗士";

var shareimgUrl="/qr/qr-url?url=https%3A%2F%2Fblog.51cto.com%2Fu_16076194%2F7910763";

var checkFollow=1;

var seoTitle="";

var articleABtest=0;

var blog_source=0;

var blog_add_time=1697555550;

var word_type=0;

            !function(f,p){"use strict";var h=new RegExp(".css"),y=p.head||p.getElementsByTagName("head")[0],r=+navigator.userAgent.replace(/.*(?:AppleWebKit|AndroidWebKit)/?(d+).*/i,"$1")<536;function s(e){return"complete"===e.readyState||"loaded"===e.readyState}function v(e,t,n){var o="onload"in e;function a(){e.onload=e.onreadystatechange=null,e=null,t()}"css"!==n||!r&&o?o?(e.onload=a,e.onerror=function(){e.onerror=null}):e.onreadystatechange=function(){s(e)&&a()}:setTimeout(function(){!function e(t,n){var o;t.sheet&&(o=!0),setTimeout(function(){o?n():e(t,n)},20)}(e,t)},1)}function u(t,n,e,o){if(t)if(h.test(t)){var a=t,r=e,c=u,i=p.createElement("link");if(r.attrs)for(var l in r.attrs)i.setAttribute(l,r.attrs[l]);r.prefetch?(i.href=a,i.rel="prefetch",c&&c()):(i.rel="stylesheet",v(i,c,"css"),i.href=a),y.appendChild(i)}else{var c=t,d=e,a=u,f=d.prefetch?p.createElement("link"):p.createElement("script");if(d.attrs)for(var s in d.attrs)f.setAttribute(s,d.attrs[s]);d.prefetch?(f.href=c,f.rel="prefetch",a&&a()):(f.charset="utf-8",v(f,a,"js"),f.async=!1,f.src=c),y.appendChild(f)}else setTimeout(function(){u()});function u(){var e=n.indexOf(t);-1<e&&n.splice(e,1),0===n.length&&o()}}function c(e="load",t){var n="object"==typeof t.option?t.option:{},t="function"==typeof t.callback?t.callback:null;return n.attrs="object"==typeof n.attrs?n.attrs:{},n.loaded="boolean"==typeof n.loaded&&n.loaded,n[e]=!0,{option:n,cb:t}}function i(c,e,t="load"){var n,o,a,r,i,l;function d(){var e=c,t=i,n=l;function o(){n&&n()}if(0===(e=Array.prototype.slice.call(e||[])).length)o();else for(var a=0,r=e.length;a<r;a++)u(e[a],e,t,o)}c&&c.length&&(i=e.option,l=e.cb,e=p,n=function(){"load"===t&&i.loaded?setTimeout(d,2e3):d()},("ready"===(o=t)?"loading"!==e.readyState:s(e))?n():(a=!1,r=function(){a||(n(),a=!0)},"load"===o?f.addEventListener("load",r):"ready"===o&&p.addEventListener("DOMContentLoaded",r),setTimeout(function(){r()},1500)))}f.PsLoader={ready:function(e,t,n={}){var o=[],a=[];e.forEach(function(e){(h.test(e)?o:a).push(e)}),n.loaded=!1,i(o,c("ready",{option:n,callback:function(){t(o)}}),"ready"),i(a,c("load",{option:n,callback:function(){t(a)}}))},load:function(e,t,n={}){i(e,c("load",{option:n,callback:t}))},prefetch:function(e,t,n={}){i(e,c("prefetch",{option:n,callback:t}))}}}(window,document);        !function(m,g){var t=["scroll","wheel","mousewheel","resize","animationend","transitionend","touchmove"];function n(e){if("object"!=typeof e)throw new Error("CLazy option is not Object");var f={defaultImg:e.defaultImg||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",preLoad:e.preLoad||1.3,preLoadTop:e.preLoadTop||0,complete:e.complete||null,events:e.events||t,capture:e.capture||!1},v=0,p={},h={},i={},A=this;function l(e){var t=e;if("object"!=typeof t)return!1;if(!t.el)for(var r in p)if(e===p[r].el){t=p[r];break}return t}function c(e){var e=e.getBoundingClientRect(),t=f.preLoad,r=f.preLoadTop;return e.topr&&e.left<m.innerWidth*t&&0<e.right}function u(e,t){var r,n=e.bindType,o=e.el;switch(t){case"loading":case"error":r=f.defaultImg;break;default:r=e.src}n?e.src&&(o.style[n]='url("'+r+'")'):o.getAttribute("src")!==r&&o.setAttribute("src",r),o.setAttribute("lazy",t)}this.add=function(e,t){var r=function(e){var t,r=!1;for(t in p)if(p[t].el===e){r=p[t];break}return r}(e);if(r)return this.check(r),!1;r="e_"+ ++v;if(p[r])return this.check(p[r]),!1;for(var n,o={id:r,el:e,bindType:"IMG"===e.tagName?null:"background-image",src:(n=e,(t=t)?t.value:n.getAttribute("ps-lazy")),$parent:function(e){if(!(e instanceof HTMLElement))return m;var t=e;for(;t&&t!==g.body&&t!==g.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(function(e){return y(e,"overflow")+y(e,"overflow-y")+y(e,"overflow-x")}(t)))return t;t=t.parentNode}return m}(e)},a=(h[r]=function(e){A.check(o)},p[r]=o),i=h[r],c=0;c<f.events.length;c++){s=d=u=l=void 0;var[l,u,d,s=!1]=[a.$parent,f.events[c],i,f.capture];l&&l.addEventListener(u,d,s),m!==l&&m.addEventListener(u,d,s)}this.check(o)},this.remove=function(e){for(var e=l(e),t=(e.el&&e.el.removeAttribute("ps-lazy"),e),r=h[e.id],n=0;n<f.events.length;n++){c=i=a=o=void 0;var[o,a,i,c=!1]=[t.$parent,f.events[n],r,f.capture];o&&o.removeEventListener(a,i,c),m!==o&&m.removeEventListener(a,i,c)}delete h[e.id],delete p[e.id]},this.check=function(e){var t,r,n,o,a=l(e);c(a.el)&&(m===a.$parent||c(a.$parent))?(e=function(e){u(a,e),A.remove(a),f.complete&&f.complete({el:a.el,src:a.src,state:e})},a.src?(t=a.src,r=e,n=encodeURIComponent(t),i[n]?r(i[n]):((o=new Image).onload=function(){i[n]="loaded",r(i[n])},o.onerror=function(){i[n]="error",r(i[n])},o.src=t)):e("loaded")):u(a,"loading")},this.checkAll=function(){for(var e in p)A.check(p[e])}}function y(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]}m.PsLazy=function(e={}){function t(e){for(var t=e.path||event.composedPath&&event.composedPath()||e._getPath&&e._getPath(),r=0;r<t.length;r++){var n=t[r];if(n&&"hasAttribute"in n&&n.hasAttribute("ps-lazy-check")){o.format();break}}}function r(){var e=g.querySelector("img[data-share]");e&&!e.getAttribute("src")&&e.setAttribute("src",e.getAttribute("data-share"))}var o=this;n.call(o,e),g.addEventListener("click",t),g.addEventListener("mouseover",t),this.format=function(){var e=g.querySelectorAll("[ps-lazy]");if(!e.length)return!1;for(var t=0;t<e.length;t++)o.add(e[t])},this.format();"complete"===(e=g).readyState||"loaded"===e.readyState?r():m.addEventListener("load",r,!1)}}(window,document);        PsLoader.load(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detailinline.min.css?v=83068c2704","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detail.min.css?v=118252b566","https://cdn.51cto.com/jquery/jquery-2.2.4.min.js","https://static2.51cto.com/edu/center/js/interaction_iframe.js","https://cdn.51cto.com/jquery/swiper-4.5.3.js","https://cdn.51cto.com/svga/2.3.1/svga.min.js","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_base.min.js?v=798aaec20c","https://static2.51cto.com/edu/blog/blog-static/js/mprime.js?v=2cb70144db","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_detail.min.js?v=77922a2e76"], function() {})

    PsLoader.prefetch(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_base.min.css?v=59c6fa54de","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_indexinline.min.css?v=ae5a19c0ca","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newIndexinline.min.css?v=2567f2c7bf","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_listinline.min.css?v=cdd8c00cbd","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newListinline.min.css?v=c29068e2ef","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicinline.min.css?v=90f7e4c772","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicdetailinline.min.css?v=bf9146111a","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_bloggerinline.min.css?v=a8750a6f00","https://static2.51cto.com/edu/blog/blog-static/markdown/dist/js/main.js?v=12e5a1a2fe","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_index_js.min.js?v=5331660aa2","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_list_js.min.js?v=8973c321c1","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic.min.js?v=873da4210c","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic_static.min.js?v=8533cb9e02","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topicdetail.min.js?v=901345e7d5","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_blogger_js.min.js?v=c7a4e3d003"]);

    var Lazy = new PsLazy({

        defaultImg: "https://s2.51cto.com/images/100/base/empty.png?x-oss-process=image/ignore-error,1",

        preLoad: 1.3,

        complete: function(opt) {},

    })



































服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net
相关推荐: 仓库温湿度物联网采集方案

一、项目介绍 U型地下仓库，采集点30个，每个采集点采集温度湿度，最远约100米，常温20~30度。需要物联网采集系统将温湿度上传至第三方系统数据库。 二、解决方案 方案一：系统拓扑图 U型地下仓库，每个采集点的温度湿度传感器，通过RS485总线并联接到WG5…

HTML中列表的作用

介绍html中的有序列表

无序列表

定义列表

子元素介绍

html中的表格标签

表格中的单元格如何合并

框架标签

主页面

主页面

表单的语义化

51CTO博客

服务器托管，北京服务器托管，服务器租用，机房机柜带宽租用