7.23 继续HTML内容及XHTML、CSS的学习
2014-07-23 15:51
281 查看
今天继续深入学习HTML内容,还有部分XHTML、CSS内容:
1、 常用的文档类型声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、HTML 头部元素,包括
<head>定义关于文档的信息。
<title>定义文档标题。
<base>定义页面上所有链接的默认地址或默认目标。
<link>定义文档与外部资源之间的关系。
<meta>定义关于 HTML 文档的元数据。
<script>定义客户端脚本。
<style>定义文档的样式信息。
3、HTML如何用<script> 标签定义客户端脚本,以及用<noscript> 标签在浏览器禁用脚本时,或浏览器不支持客户端脚本时提供替代内容。
4、HTML如何使用字符实体正确的显示预留字符:使用实体名称或者实体编号代替
5、了解了URL及其编码的相关知识
6、HTML文档中嵌入音频或视频元素:使用<object> 或 <embed> 标签,在HTML5中还可以使用<audio>(音频)或<video>(视频)。
7、XHTML与 HTML 相比最重要的区别:
文档结构
XHTML DOCTYPE 是强制性的
<html> 中的 XML namespace 属性是强制性的
<html>、<head>、<title> 以及 <body> 也是强制性的
元素语法
XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭(如<p> ... </p>、<br />)
XHTML 元素必须小写
XHTML 文档必须有一个根元素
属性语法
XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的(禁止属性的简写)
1、CSS 基础语法
2、CSS 选择器的分组、继承方法
3、CSS 派生选择器、id 选择器、 类选择器、属性选择器的使用方法
4、CSS 插入样式表的三种方法:外部样式表、内部样式表、内联样式(优先权从低到高)
遇到的问题:
但说语法方面的话,理解起来没有什么问题,但是实际应用上可能有问题。比如,自己知道用<div>可以分块,有利于把文档结构化,但是真正设计结构的时候却不知道怎么下手;CSS布局上也是一样,派生选择器、id 选择器、 类选择器、属性选择器这么多类型,方法看得懂,可使用时选哪种更适合,自己真是不清楚。我想这还是因为现在经验太少,期待以后的实战机会。
心得:
昨天睡了好久,今天精神不错~上一篇日报写得简单了,这篇就写详细点,一条一条列出了学习的内容,正好对一天的学习进行一次梳理。
连看了几天理论,肚子里自觉有了点墨水,有点期待去实际做点什么了,但还是提醒自己,莫要好高骛远,要脚踏实地!
1、 常用的文档类型声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、HTML 头部元素,包括
<head>定义关于文档的信息。
<title>定义文档标题。
<base>定义页面上所有链接的默认地址或默认目标。
<link>定义文档与外部资源之间的关系。
<meta>定义关于 HTML 文档的元数据。
<script>定义客户端脚本。
<style>定义文档的样式信息。
3、HTML如何用<script> 标签定义客户端脚本,以及用<noscript> 标签在浏览器禁用脚本时,或浏览器不支持客户端脚本时提供替代内容。
4、HTML如何使用字符实体正确的显示预留字符:使用实体名称或者实体编号代替
5、了解了URL及其编码的相关知识
6、HTML文档中嵌入音频或视频元素:使用<object> 或 <embed> 标签,在HTML5中还可以使用<audio>(音频)或<video>(视频)。
7、XHTML与 HTML 相比最重要的区别:
文档结构
XHTML DOCTYPE 是强制性的
<html> 中的 XML namespace 属性是强制性的
<html>、<head>、<title> 以及 <body> 也是强制性的
元素语法
XHTML 元素必须正确嵌套
XHTML 元素必须始终关闭(如<p> ... </p>、<br />)
XHTML 元素必须小写
XHTML 文档必须有一个根元素
属性语法
XHTML 属性必须使用小写
XHTML 属性值必须用引号包围
XHTML 属性最小化也是禁止的(禁止属性的简写)
1、CSS 基础语法
2、CSS 选择器的分组、继承方法
3、CSS 派生选择器、id 选择器、 类选择器、属性选择器的使用方法
4、CSS 插入样式表的三种方法:外部样式表、内部样式表、内联样式(优先权从低到高)
遇到的问题:
但说语法方面的话,理解起来没有什么问题,但是实际应用上可能有问题。比如,自己知道用<div>可以分块,有利于把文档结构化,但是真正设计结构的时候却不知道怎么下手;CSS布局上也是一样,派生选择器、id 选择器、 类选择器、属性选择器这么多类型,方法看得懂,可使用时选哪种更适合,自己真是不清楚。我想这还是因为现在经验太少,期待以后的实战机会。
心得:
昨天睡了好久,今天精神不错~上一篇日报写得简单了,这篇就写详细点,一条一条列出了学习的内容,正好对一天的学习进行一次梳理。
连看了几天理论,肚子里自觉有了点墨水,有点期待去实际做点什么了,但还是提醒自己,莫要好高骛远,要脚踏实地!
相关文章推荐
- 超强HTML和xhtml,CSS精品学习资料下载汇总
- CSS学习笔记04-垂直居中-内容居中-单行.html
- 超强HTML和xhtml,CSS精品学习资料下载汇总(更新至7月15日)
- 这几天买了很多书,最近这2个月的学习目标是:熟悉Linux、C、Python、Web前端基础(HTML、XHTML,CSS)
- CSS学习day01---XHTML和HTML的重要区别
- 复习补充一下以前学习的HTML+CSS的内容(一)
- head first html with css with xhtml 学习小笔记
- HTML、CSS和JavaScript学习一(HTML定义方式、HTML和XHTML的区别、以及常见标签)
- 慕课网【HTML+CSS】3.13学习内容
- 慕课网【HTML+CSS】3.14学习内容
- 复习补充一下以前学习的HTML+CSS的内容(二)
- CSS学习笔记05-垂直居中-内容居中-多行.html
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(pu...
- 超强HTML和xhtml,CSS精品学习资料下载汇总(更新至7月15日)
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(publish by sunwei)
- 学习XHTML、CSS、DIV、Javascript,AJAX等页面技术的不错网站
- HTML Dog: The Best-Practice Guide to XHTML and CSS
- 帮助你好好学习CSS的“边”和“内容”
- Web开发学习心得1——什么是HTML,XHTML
- HTML, XHTML & CSS For Dummies