HTML5文档的各个组成部分分类

<!DOCTYPE html><!--声明文档结构类型-->
<html lang="zh-cn"><!--声明文档文字区域-->
<head><!--声明文档头部区域-->
    <meta charset="utf-8"><!--声明文档字符集-->
    <!--[if IE]><![endif]--><!--文档头部兼容IE-->
    <title></title><!--文档头部标题-->
    <meta name="description" content="描述性语言"><!--文档描述-->
    <meta name="author" content="作者"><!--文档作者-->
    <meta name="copyright" content="版权所有"><!--文档版权-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><!--对于不同接口声明-->
    <link rel="shortcut icon" href="favicon.ico"><!--文档头部兼容性写法-->
    <link rel="apple-touch-icon" href="custom_icon.png"><!--apple设备上的图标引用-->
    <link rel="stylesheet" type="text/css" href="css.css"><!--文档样式的外部引用-->
    <!--[if IE]><link rel="stylesheet" type="text/css" href="css.css"><![endif]--><!--兼容IE的外部引用样式-->
    <script src="js.js" type="application/javascript"></script><!--文档引用外部脚本-->
    <!--[if IE]><script src="js.js" type="application/javascript"></script><![endif]--><!--兼容IE的外部引用脚本-->
</head>
<body>
    <header>文档头部区域</header>
    <nav>文档导航</nav>
    <section>HTML5文档的主要内容区域
        <aside>HTML5文档的主要内容区域的侧边导航或菜单区域</aside>
        <article>HTML5文档的主要内容区域的内容区
            <section>内部的一个section嵌套区域
                <aside></aside>
                <article></article>
            </section>
        </article>
    </section>
    <footer>HTML5文档的脚部区域</footer>
</body>
</html>
时间: 2024-09-30 06:25:58

HTML5文档的各个组成部分分类的相关文章

HTML5移动开发之路(42)——HTML4与HTML5文档结构比较

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(42)--HTML4与HTML5文档结构比较 一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head> </head> <body> <h1>第一章 小强的HTML5移动开发之路</h1> <h2>1.1 HTM

0013 xptemplate修改为HTML5文档类型

在vim中利用xptemplate插件输入 html 再按 ctrl+\ 即可自动补全html框架 可以通过修改 html.xpt.vim 文件使其变为html5文档类型 <!DOCTYPE html> 打开 ~/.vim/bundle/xptemplate/ftplugin/html/html.xpt.vim 修改第 204 行,修改为 <!DOCTYPE html> 即可 如果想使类似 <br /> 标签 变为 <br> ,执行下面替换命令即可 :%s/

HTML5文档结构 摘要

<!DOCType html>--声明文档结构类型 <html lang=zh-cn> <head> <meta charset=utf-8> <!--[if IE]><![endif]--> <title></title> <!--[if IE 9]><meta name=ie content=9><![endif]--> <!--[if IE 8]><m

HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

html5新增结构标签 header 头部 nav 导航 section 区域 article 文章 aside 侧边栏 figure 一组多媒体内容 figcaption 多媒体内容的标题 footer 底部 hgroup 区块的相关信息 dialog 对话框 / 会话框 sublime安装emmet插件,可以使用tab键快速补全标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

HTML5的文档结构和新的语义元素

学习前端的东西似乎没有什么捷径,就是直接上手撸就完了 本文目标:(熟知) 1.创建基本HTML5文档结构 2.使用新的语义元素来布局页面 下面直接上代码: <!DOCTYPE html> <!-- DOCTYPE简洁声明,强制现代的浏览器使用标准模式 --> <html lang="en"> <!-- 使用lang指定文档语言 --> <head> <meta charset="UTF-8">

HTML5:组织文档结构

文档部分,即body部分,包含了访问者可以看到的内容.传统的HTML文档通常通过div元素来组织文档结构,再配上适当的样式表.但div元素的问题是缺少语义信息,在查看别人的源代码时,必须费点劲才能理解哪个div表示什么,整个页面时怎么搭建起来的,通常需要在HTML页面.样式表和浏览器之间跳来跳去.特别是如果HTML页面的组织结构不好,很容易就会导致困惑.对此,HTML5中新增了许多语义元素,用来替换div元素,并且将语义和呈现分离.所有的语义元素都有一个显著的特点:不真正做任何事,它们在外观上对

Bootstrap3学习笔记 Bootstrap3文档和栅格系统

?? Bootstrap 使用到的某些 HTML 元素和 CSS 属性须要将页面设置为 HTML5 文档类型. 1)例如以下开头html标签: <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2)Bootstrap3是依照移动设备优先设计的框架.为了确保适当的绘制和触屏缩放.须要加入viewport元数据标签: <meta name="viewport" content=&qu

XML概念,约束文档,解析

day01总结 今日内容 l XML语法 l XML约束之DTD l XML解析器介绍 l XML解析之JAXP( DOM.SAX ) l DOM4J l Schema 一.XML语法 XML概述 1 什么是XML XML全称为Extensible Markup Language, 意思是可扩展的标记语言,它是 SGML(标准通用标记语言)的一个子集. XML语法上和HTML比较相似,但HTML中的元素是固定的,而XML的标签是可以由用户自定义的. W3C在1998年2月发布1.0版本: W3C

HTML的文档类型:&lt;!DOCTYPE &gt;

<!DOCTYPE> 声明:它不是 HTML 标签而且对大小写不敏感,而是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.而且 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. 没有<!DOCTYPE> 声明的后果:如果没有文档类型声明,大多数浏览器(包含IE和火狐)将转换到一种混杂模式,在这种模式下,浏览器之间同一种样式会出现不一致.而添加声明后,浏览器就知道你想要使用更严格的标准模式. 最简单的HTML5文档: <!DOV