HTML5——列表元素、结构元素、分组元素、页⾯交互元素、⽂本层次
语义元素、全局属性
php文件转txt列表元素
⽆序列表：⽹页中最常⽤的列表，其各个列表项之间没有顺序级别之分，通常是并列的。其基本语法格式：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ul>
有序列表：有排列顺序的列表，其各个列表项按照⼀定的顺序排列。其基本语法格式：
<ol>
<li>列表项1</li>
<li>列表项2</li>
html个人网页完整代码顺序 <li>列表项3</li>
...
</ol>
定义列表：⽤于对术语或名词进⾏解释和描述。与⽆需列表不同，定义列表的列表项前没有任何项⽬符号。其基本语法格式：
源代码用什么软件打开 <dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
结构元素
HTML5中所有元素都是有结构性的，且这些元素与块元素⾮常相似。下⾯将介绍常⽤的结构性元素。
1.header 元素
HTML5中的header 元素是⼀种具有引导和导航作⽤的结构元素，该元素可以包含所有通常放在页⾯头部的内容。header 元素通常⽤来放置整个页⾯或页⾯内的⼀个内容区块的标题，也可以包含⽹站Logo 图⽚、搜索表单或者其他相关内容。其基本语法格式如下： <header>
<h1>⽹页主题</h1>
...
</header>
注：header元素并⾮head元素，是HTML5新增的元素，并不限制header元素的个数，⼀个⽹页中可以使⽤多个header元素，也可以为每⼀个内容块添加header元素。
2.nav元素
nav元素⽤于定义导航链接，是HTML5新增的元素，该元素可以将具有导航性质的链接归纳在⼀个区域中，使页⾯元素的语义更加明确。其中的导航元素可以链接到站点的其他页⾯，或者当前页⾯的其他部分。
在上⾯这段代码中，通过在nav元素内部嵌套⽆序列表ul来搭建导航结构。通常，⼀个HTML页⾯中可以包含多个nav元素，作为页⾯整体或不同部分的导航。具体来说，nav元素可以⽤于以下⼏种场合。
* 传统导航条：⽬前主流⽹站上都有不同层级的导航条，其作⽤是跳转到⽹站的其他主页⾯。
* 侧边栏导航：⽬前主流播客⽹站及电商⽹站都有侧边栏导航，⽬的是将当前⽂章或当前商品页⾯跳转到其他⽂章或其他商品页⾯。 * 页内导航：它的作⽤是在本页⾯⼏个主要的组成部分之间进⾏跳转。
* 翻页操作：翻页操作切换的是⽹页的内容部分，可以通过点击“上⼀页”或“下⼀页”切换，也可以通过点击实际的页数跳转到某⼀页。 除了以上⼏点以外，nav元素也可以⽤于其他重要的、基本的导航链接组中。
注：并不是所有的链接都要被放进nav元素，只需要将主要的和基本的链接放进nav元素即可。
3.article元素
xss教程 article元素代表⽂档、页⾯或者应⽤程序中与上下⽂不相关的独⽴部分，该元素经常被⽤于定义⼀篇⽇志、⼀条新闻或者⽤户评论
等。article元素通常使⽤多个section元素划分，⼀个页⾯中article元素可以出现多次。
4.aside 元素
aside 元素⽤来定义当前页⾯或者⽂章的附属信息部分，它可以包含与当前页⾯或主要内容相关的引⽤、侧边栏、⼴告、导航条等其他类似的有别于主要内容的部分。
aside 元素的⽤法主要分为两种：
javer是什么意思 * 被包含在 article 元素内作为主要内容的附属信息。
* 在 article 元素之外使⽤，作为页⾯或站点全局的附属信息。
5.section元素
section元素⽤于对⽹站或应⽤程序中页⾯上的内容进⾏分块，⼀个section元素通常由内容和标题组成。在使⽤section元素时，需要注意以下3点：
* 不要将section元素⽤作设置样式的页⾯容器，那是div的特性。section元素并⾮⼀个普通的容器元素，当⼀个容器需要被直接定义样式或通过脚本定义⾏为时，推荐使⽤div。
* 如果article元素、section元素或nav元素更符合使⽤条件，那么不要使⽤section元素。
javasocket通信程序 * 没有标题的内容区块不要使⽤section元素定义。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论