魔幻紫光

Nothing is difficult to a willing heart!
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML5学习笔记1

Posted on 2015-03-18 15:48  魔幻紫光  阅读(325)  评论(0编辑  收藏  举报

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修饰