html5 语法基础二(笔记)
一、 HTML 语法简介
1、HTML 介绍
1-1、HTML的全称
1-2、谁发明了HTML
1-3、HTML的版本进化
1-4、HTML5
2、HTML全称:
Hyper Text Markup Language
超 文本 标记 语言
3、谁发明了HTML?
HTML 是在1982年由Tim Berners-Lee 给出原始定义,进一步成为国际标准,由万维网联盟(W3C) 维护。
4、HTML的版本进化
HTML1.0 --- HTML2.0 --- HTML3.0 --- HTML4.0 --- XHTML1.0 --- HTML5.0
XHTML:
eXtensible Hyper Text Markup Language
可扩展 超 文本 标记 语言
XHTML也是一种标记语言,表现方式与HTML4.0类似,不过语法上更加严格
XHTML基于XML(可扩展标记语言)
XHTML1.0在2000年1月26日成为W3C的推荐标准。
HTML5 的由来:
2007年4月10日,Mozilla 基金会、苹果、Opera软件公司组成的WHATWG小组建议W3C采纳HTML5。
2007年5月9日,新HTML工作组采纳了他们的建议。
2014年10月29日,W3C宣传,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
二、HTML 语句的基本格式
1、XHTML1.0 语法公式
2、HTML5.0 语句基本格式及建议
1、XHTML1.0 语法基本格式
<标签 属性="属性值" 属性="属性值">内容标签>
内容
1、标签和属性都为英文小写
2、必须用英文半角双引号""
代码示例:
内容
1、以上代码中,标签是谁?他具有哪些属性?
2、Stop();在这里标签还是属性还是属性值?
当标签中无内容时:
<标签 属性="属性值" />
<img src="图像地址" />
2、HTML5 基本语法
在html5中兼容xhtml1.0语法,同时也允许:
标签与属性可以使用大写(注:为了兼容HTML4.0,并不建议)
标签可以不结束
部分属性值可以省略
建议在HTML5中主要使用较严谨的XHTML1.0语法
标签和属性使用小写字母
无内容的标签可以直接省云结束
无值的属性可以省云属性值
举例:
----标签是章节的意思
title here<video src="video.ogv" poster="poster.jpg" width="320" height="240" < span>controls >浏览器不兼容时会出现的信息
texe here
小结:
<标签 属性="属性值" 属性="属性值">内容标签>
<标签 属性="属性值">
<标签 属性>
三、HTML标签关系与DOM
1、标签关系
2、DOM
1、标签关系
标题--- 01、标签可以与另一个标签并列
段落文本
--- 01、标签可以与另一个标签并列
--- 02、标签可以嵌套其他标签
- 列表项
- --- 02、标签可以嵌套其他标签
- 列表项
- 错误的标签关系:段落标签不可以交叉嵌套。 手写代码技巧:立即写结束标签 2、DOM --- 文件对象模型(Document Object Model)类似下来的树型结构图:bodyh1pullili 小结:标签可以与标签并列或嵌套,不可交叉。标签之间的关系可以用DOM来表示。 四、HTML 的一般文档结构 --- html5 的页面标准htmlhead --- 页面头部信息...... body --- 网页主体部分...... 常用的头元素 1、title2、meta 与字符编码3、meta 与 seo 1、title 标签2、meta 与字符编码常见编码集:Gb2312Big5UTF-8(Unicode) 3、meta 标签和 SEO 搜索引擎优化01.02.4、其它head 中还可能出现以下元素style --- css样式块script --- javascript 等程序块link --- 关联外部文件,如css文件....小结:head中的常见子元素有 title 和 metameta 与字符编码集、搜索引擎优化有关推荐字符编码集UTF-8