HTML5的文档结构和新增标签

【HTML5的文档结构和新增标签】的更多相关文章

HTML5的文档结构和新增标签

一．HTML5 文档结构1.第一步:打开开发工具,打开指定文件夹:2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀:3.第三步:开始编写 HTML5 的基本格式.<!DOCTYPE html> //文档类型声明<html lang="zh-cn"> //表示 HTML 文档开始.1. <head> //包含文档元数据开始<meta charset="utf-8"> //声明字符编码<…

HTML5的文档结构

HTML5的文档结构 HTML5简化了许多,它的设计遵循了3个原则:1.兼容性.2.实用性.3.通用访问性 1. header 元素 <header> 标签定义文档或者文档的一部分区域的页眉,又可用于设置文章标题. <header> 元素应该作为介绍内容或者导航链接栏的容器. 在一个文档中,您可以定义多个 <header> 元素. 注释:<header> 标签不能被放在 <footer>.<addre…

HTML5网页文档结构

2.1 Web标准 Web标准,使得Web开发更加容易.Web标准由万维网联盟(W3C)制定. 2.1.1 Web标准概述 Web标准的最终目的就是保证每个人都有权力访问相同的信息,同时,Web标准也可以使用站点开发更快捷与更令人愉快.如果web开发人员遵循了Web标准,开发人员可以更容易理解彼此的编码,Web开发团队的协作也会得到简化.其优点如下: 1. 对于访问者 (1)文件下载和内容显示速度更快 (2)内容能被更多的用户所访问(如失明.弱视.色盲等残障人士)…

html5 标准文档结构

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=…

HTML的概念和三大基石以及标准文档结构

HTML的概念: 概念: HTML:超文本标记语言作用: 需要将java在后台根据用户请求处理的请求结果在浏览器中显示给用户. 在浏览器中数据需要使用友好的格式展示给用户. HTML是告诉浏览器接收到的数据使用什么样的数据组织形式进行显示使用: HTML的文档规范 HTML的标签---------------------------------------------------------------------------------------------------互联网…

小强的HTML5移动开发之路（42）——HTML4与HTML5文档结构比较

一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head> </head> <body> <h1>第一章小强的HTML5移动开发之路</h1> <h2>1.1 HTML5概述</h2> <h3>1.1.1 HTML5是什么?</h3> <h3>1.1.2…

html 初识文档结构常用标签

HTML初识 △HTML: 超文本标记语言,是一种用于创建网页的标记语言,不是编程语言,没有逻辑本质上是浏览器可识别的规则我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一个标签可能会有不同的解释.(兼容性问题) 网页文件的扩展名:.html或.htm(没有区别) 网页文件的扩展名:.html或.htm(没有区别) 我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一个标签可能会有不同的解释.(兼容性问题) 网页文件的扩展名:.html或.htm…

HTML文档结构

下面对HTML文档结构进行一一解释: 1.文档声明:既不是元素,也不是注释: 代码格式:<! DOCTYPE html> 注:必须写在HTML文档的第一行原因:告诉浏览器使用哪个版本的HTML进行解析,如果不写,浏览器也会进行解析,在渲染页面时会进入怪异模式: 2.html元素:该元素也叫根元素.根标记,它是所有元素的祖元素,且文档中的所有元素都必须放在它的元素内容中相关属性:lang是英语language的缩写,意思是语言,”en”代表英语,”zh-CN”代表中文. 打开…

4. svg学习笔记-文档结构元素和样式的使用

svg除了绘图元素之外还有一部分是专门用于文档结构的,这类元素有<g>,<use>,<defs>,<symbol>等 <g>元素如果我们仅仅用于学习svg的时候可能不太会用到<g>元素,但当我们绘制特别复杂的图形的时候<g>元素可配上大用场.<g>元素的作用就是将其子元素作为一个组合,以备将来的复用.可以通过为<g>元素添加<title>子元素来为组合添加标题,详细的描述可以放在<…

重温CSS之文档结构

我们来看看几个基本的HTML页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…