HTML5&CCS3（3）基本HTML结构

【HTML5&CCS3（3）基本HTML结构】的更多相关文章

HTML5&CCS3（3）基本HTML结构

3.1 开始编写网页每个HTML文档都应该包含以下基本成分: DOCTYPE: html元素(包含lang属性.该属性不是必需的,但推荐加上): head元素: 说明字符编码的meta元素: title元素: body元素. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title></title> <…

本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.<footer>.<header>.<main>.<nav>.<section>等元素. 目录 1. 语义元素介绍 1.1 何为语义元素 1.2 特点 2. 原先界面布局 3. 页面结构语意元素 3.1 说明 3.2 详细介绍 3.3 示例图 4. 旧版浏…

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素可以理解为语义话标记,比如:以前这么写<div id="nav"></div> 现在偷懒写:<nav></nav> 1.header头部区域,包含对主页的介绍 <header> 标签定义文档的页眉(介绍信息) 2.nav导航系列 <nav> 标签定义导航链接的…

html5学习笔记(3)--主题结构元素-1

Article元素以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h1> </header> &…

HTML5中新增加的结构元素、网页元素和全局属性

HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header> 2) nav 定义导航链接的部分 <nav> <ul> <li>首页</li> <li>关于我们</li> <li>联系我们</li> </ul> </nav> 3) sectio…

HTML5&CCS3（2）处理网页文件

2.1 规划网站为什么要创建这个站点,需要展示的内容是什么? 应该如何调整内容使之吸引期望的访问者? 需要多少个页面?网站的结构是怎样? 为页面.图像和其他外部文件设计一个简单且一致的命名规则. 2.2 创建新的网页记事本 Adobe Dreamweaver 不要使用Microsoft Word这样的文字处理软件编写HTML页面.它们会在文件里添加一些无用的或无效的代码. 2.3 保存网页网页文件应在文件名中使用.html或.htm作为扩展名. 2.4 指定默认页面或主页大多数情况下,系…

HTML5&CCS3（1）网页的构造块

HTML用于定义内容的含义,而CSS(Cascading Style Sheet,层叠样式表)用于定义内容和网页如何显示.HTML页面和CSS文件(样式表,stylesheet)都是文本文件,因此很容易编辑. 渐进增强:那些只能访问基本页面的设备和浏览器会得到简化的.默认的体验,而那些能够浏览更健壮的网站的设备和浏览器将看到增强的版本.不必要求网站对所有人来说体验都是一样的,关键是网站的内容是可访问的. 一个网页主要包括以下三种成分: 文本内容(text content):在页面上让访问者了解页…

html5 css3实现图中结构

<!DOCTYPE html> <html lang="en" > <head> <title>demo</title> <style type="text/css"> *{ margin:0; padding:0; } .box { width: 100%; background: green; display: box; overflow: hidden; display:-moz-box;…

HTML5学习之文档结构和语义（一）

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <!--he…

HTML5文档结构语义：页眉的header和hgroup标签使用

HTML5提供了新的结构元素——例如header.hgroup.article.section.footer.nav等来定义网页,将使网页结构更加简洁严谨,语义更加结构化,而不用迂回通过class或id来为结构命名. 这里就先来了解一下HTML5页眉的header和hgroup标签使用. header标签在语法规范中包含标题.标题介绍和标题导航.header并不仅仅只能出现在页面顶部作为页眉使用,也可以出现在文档的其他位置.但header不允许嵌套,也不允许出现在地址或者footer元素内. 先…