HTML5 用ul和li嵌套结构。怎样解,求代码

html-css08

HTML5 用ul和li嵌套结构。怎样解,求代码,第1张

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-type" content="text/htmlcharset=utf-8">

<title>Document</title>

</head>

<body>

<div>

<ul>

<li>数据库</li>

<ul>

<li>SQL Server</li>

<li>MySQL</li>

<li>Oracle</li>

</ul>

<li>网页开发</li>

<ul>

<li>网页制作</li>

<ul type="square">

<li>html网站开发</li>

<li>HTML+CSS</li>

<li>CSS</li>

</ul>

</ul>

<ul>

<li>语言</li>

<ul type="square">

<li>C语言</li>

<li>PHP语言</li>

<li>JAVA语言</li>

<ul>

</ul>

</ul>

</div>

</body>

</html>

结构性标签其实就是语义化的html网页框架,一般网页分为:

头部:header->nav

侧栏:aside

内容:article、section、div

脚部:footer

这些仅仅是html5的一部分,常出现在整个网页的“大框架”结构上,具体位置如下:

html5 虽然增加了很多新的标签,但是并不代表完全抛弃了原有的标签,例如dl-dt-dd组合标签和ul-li组合标签等。article、section的出现并不代表着div作用减少,而是说更合理更清晰的用html标签表达出网页的结构。