html中块儿级元素有哪些，html5，动态添加，标签属性

HTML是一种用于创建网页的标记语言。HTML中的元素可以分为块级元素和行内元素。块级元素指的是占据一整行的元素，而行内元素指的是只占据一部分空间的元素。块级元素可以包含其他块级元素和行内元素，而行内元素只能包含其他行内元素。本文将会介绍一些常用的块级元素及HTML5动态添加标签属性。

常用的块级元素

1. div元素： div元素是HTML中最常用的块级元素之一，它可以用来划分页面的不同区域，可以很方便地控制元素的位置、样式等特性。

2. p元素：p元素用于表示文本段落，通常用于包含文章或其他文本内容。

3. h1-h6元素：h1-h6元素表示标题，其中h1是最高的标题级别，h6是最低的级别。

4. ul、li元素：ul、li元素用于表示无序列表，可以在其中添加多个li元素来表示列表项。

5. ol、li元素：ol、li元素用于表示有序列表，li元素与无序列表中的li元素相同。

6. table、tr、td元素：table、tr、td元素用于表示表格，其中table表示整个表格，tr表示表格的一行，td表示单元格。

7. form元素：form元素用于创建HTML表单，可以在其中包含多个输入控件，例如文本框、复选框、单选框等。

8. section元素：section元素用于表示HTML中的一个章节，可以用于将网页划分为不同的区域。

9. article元素：article元素用于包含一篇完整的文章，通常用于新闻网站等需要呈现大量文章的网站。

10. header、footer元素：header、footer元素用于包含网页的头部和脚部信息，可以包含网站的logo、菜单等内容。

HTML5动态添加标签属性

HTML5添加了一些新的标签属性，可以使页面呈现更多样化的效果。以下是一些常用的动态添加标签属性。

1. data-*属性：data-*属性用于存储页面相关的数据，可以通过JavaScript动态修改或访问该属性。例如：

```html

```

在JavaScript中可以这样获取该元素的data-id属性：

```javascript

var div = document.querySelector("div");

console.log(div.dataset.id);//123

```

2. hidden属性：hidden属性用于设置元素是否可见，如果hidden属性为true，则元素不可见。例如：

```html

```

3. contenteditable属性：contenteditable属性用于设置元素是否可编辑，如果contenteditable属性为true，则该元素中的文本可以被编辑。例如：

```html

```

4. placeholder属性：placeholder属性用于设置输入框中的提示信息，当输入框中没有内容时，会显示该提示信息。例如：

```html

```

5. tabindex属性：tabindex属性用于设置元素的tab键顺序，可以使用户通过tab键切换不同的元素。例如：

```html

```

6. autofocus属性：autofocus属性用于设置页面加载时自动聚焦的元素，例如：

```html

```

总结

本文介绍了HTML中常用的块级元素及HTML5动态添加标签属性。了解这些元素和属性可以使开发者更好地掌握HTML的基础知识，进而更好地进行网页开发。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/