H5 block-level tag summary
Jan 10, 2018 am 09:24 AMThis time I will bring you a summary of H5 block-level tags. How to use H5 block-level tags? What are the precautions when using H5 block-level tags? The following is a practical case, let’s take a look.
Block-level elements, simply put, are elements that occupy their own line. Its characteristics:
① always starts on a new line;
② height, line height and outer margin and inner margin can be used Control;
③The width defaults to 100% of its container, unless a width is set.
④ It can accommodate inline elements and other block elements
The summary code is as follows:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 块状元素 独占一行 --> <!-- div无语义,称它为盒子 --> <div>盒子</div> <!-- h1-h6语义 定义标题 --> <h1>标题1</h1> <h2>标题2</h2> <h6>标题3</h6> <!-- p 语义 段落标签 写文字--> <p>文章</p> <!-- 列表多数用来存一系列的相似的数据 --> <!-- 有序列表 --> <ol> <li>导航1</li> <li>导航2</li> <li>导航3</li> </ol> <!-- 无序列表 --> <ul> <li>导航1</li> <li>导航2</li> <li>导航3</li> </ul> <!-- 定义列表 解释某个名词 --> <dl> <dt>名词</dt> <dd>解释名词的位置</dd> </dl> <!-- 表格 渲染性能不好 少用 --> <table> <caption>表格头部</caption> <!-- tr是行 --> <tr> <!-- th表头 --> <th>星期一</th> <th>星期二</th> </tr> <tr> <!-- td单元格 --> <td>上课</td> <td>上课</td> </tr> </table> </body> </html>
I believe you have mastered the method after reading these cases , for more exciting content, please pay attention to other related articles on the php Chinese website!
Related reading:
How to create a drag-and-drop effect in H5
About how old versions of browsers are not compatible with H5 and C3 Method
#How to draw graphics using H5’s CanvasAPI
The above is the detailed content of H5 block-level tag summary. For more information, please follow other related articles on the PHP Chinese website!

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
