HTML基础——header, nav,footer, article,section, aside

HTML5界面结构

<header>

在HTML4中，header定义的风格通常为<div id=“header”>，而在HTML5中，则直接使用<header>即可。
例子：

<!DOCTYPE HTML>
<html><head></head><body><header><h1>IMPORTANT</h1></header></body>
</html>

<footer>

<footer>也很常用，通常将联系方式、copyright、隐私政策、联系方式、打赏等置于页面其中，展示在界面最下方

<nav>

通常放置一些链接

<article>

替代HTML4中的<div>

<section>

分离<article>的内容，使用单独的<h1>等

HTML基础——header, nav, footer, article, section, aside相关推荐

h5---新增的结构性元素(header、footer、nav、article、section、aside、time、progress和meter元素进度条）
前端入门笔记之零散学习(1) 最开始我们页面布局用的是table标签,然后演变成div+css布局,直到现在我们进行布局用新增的结构性元素. div+css布局新增的结构性元素常见的新增结构性元素 ...
h5中的结构元素header、nav、article、aside、section、footer详解
文章目录 header元素 nav元素 article元素 aside元素 section元素 footer元素结构元素不具有任何样式,只是使页面元素的的语义更加明确 header元素 header ...
web前端：main、header、footer、nav、article、section标签的用法
HTML5 添加了诸如main.header.footer.nav.article.section等大量新标签,这些新标签为开发人员提供更多的选择和辅助特性. 默认情况下,浏览器呈现这些新标签的方式与 ...
HTML5学习之header、footer、address等标签作用。
这些都为语义化标签,就是一种我们仅通过标签名就能判断出该标签内容的语义的标签. <article> <section> <nav> <aside>.&l ...
京东通用header和footer
html代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
使用Word宏替换Header、Footer等中的文本
转自:http://word.mvps.org/FAQs/MacrosVBA/FindReplaceAllWithVBA.htm When the Find or Replace utility on ...
实现带header和footer功能的RecyclerView——完善篇
在上一篇文章中我们实现了实现带header和footer功能的RecyclerView,见实现带header和footer功能的RecyclerView 但是由于加入了header,item的po ...
StroyBoard中UICollectionView中添加Header和footer
到Storyboard中,选择collection view controller中的"Collection View".在Attributes inspector中,选择&quo ...
HTML5的非主体结构元素（header、footer、hgroup、assress）
header元素 footer元素 hgroup元素 address元素网页编排规则 1.header元素代码演示: <!DOCTYPE html> <html lang=&qu ...

HTML基础——header, nav, footer, article, section, aside

文章目录

HTML基础——header, nav,footer, article,section, aside

HTML5界面结构

<header>

<footer>

<nav>

<article>

<section>

HTML基础——header, nav, footer, article, section, aside相关推荐

最新文章

热门文章