你的位置:首页 > 网页设计

[网页设计]HTML5学习笔记1


1.HTML5概述

继html4和xhtml1.0后的超文本标记语言最新版本。
最重要的三项技术:html5核心规范(标签元素),CSS3,JavaScript
2008年发布,主要为了补全功能。
特点:1.向下兼容;2。用户至上;3.化繁为简;4.无插件范式(flash插件);5.访问通用性;6.引用语义;7.引入原生媒体支持;8.引入可编程内容;
开发工具:sublime text3,Soda Dark3软件界面主题。


2.基本格式
<!DOCTYPE html>               //文档类型声明
<html lang="zh-cn">           //设置语言
<head>
    <meta charset = "utf-8">  //设置编码
    <title>基本格式</title>
</head>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>

元素标签
  1单标签 <meta> <img>
  2.双标签<a></a>
元素,属性,值,文本

head元素  //页面不可见
  用来包含元数据内容,用来给浏览器提供信息,元数据包括:<link>,<meta>,<noscript>,<script>,<style>,<title>

body元素  //页面可见

3.文本元素

 
元素名称说明解释
a生成超链接 
br强制换行 
wbr可安全换行 en
b标记一段文字但不强调 实际作用就是加粗
strong表示重要 和b一样,但强调重要的文字
i表示外文或科学术语 
em表示强调 
code表示计算机代码 en
var表示程序输出 en
samp表示变量 en
kdb表示用户输入 en
abbr表示缩写 
cite表示其他作品的标题 实际作用就是加粗
del表示被删除的文字 
s表示文字已不在确认 
dfn表示术语定义 
mark表示与另一段上下文有关的内容 用于记号
q表示引自他处的内容 
 rp 与ruby一起使用,标记括号 
rt与ruby一起使用,标记括号 
ruby表示位于表意文字上方或者右方的注音符号为非西方语言提供支持
bdo控制文字方向 
small表示小号字体内容 
sub表示下标字体sub,sup实际就是数学上的上标和下标
sup表示上标字体 
time表示时间或者日期 
u标记一段文字但不强调 
span通用元素,没有任何语义,一般配合css修饰