一、HTML代码根本
1、HTML5的语法哀求非常宽松,属性值可以用单引号、双引号包含起来,乃至可以不加引号。如:
id="wl" id='wl' id=wl 这三个是一样的效果。
但须要把稳的是如果属性值中含有空格、单引号、大于小于号、反引号等字符时,则必须加引号,而当属性值中含有单引号时,可以加双引号,而值中有双引号时就可以 加单引号。为了养成一个好的习气,建议好始终给属性值加双引号。
2、内容标签是标签中包含一段内容,如p和strong这样的元素;非内容标签(空元素)是指标签不包含内容,比如换行等,它只有起始标签,不须要结束标签,以HTML5以前为了强调结束,常常把非内容标签写成<br />样子,而在HTML5中规定,非内容标签不须要关闭。常见的非内容标签有:<meta>、<img>、<br>、<input>、<link>、<hr>、<embed>等。
3、注释:不论单选还是多行,只须要把注开释在<!-- 注释内容 -->。
4、HTML页面根元素,在全体页面中html是根元素,在这个元素中一样平常有两个属性,一个是lang,另一个是manifest。
<html lang="zh-cmn-Hans">:声明页面的措辞为简体中文。(非标准写法为lang="zh-CN");manifest属性用于设定页面缓存,它一旦设置后,浏览器便会将须要缓存的文件保存在本地,紧张适用于不依赖网络,且下载后不须要再次更新的HTML5游戏、运用等,如果页面内容须要频繁更新的该当少用该属性,详细用法可以查询HTML5手册,这里不详细解释。
5、Head元素包含五个紧张部分,分别是title、link、style、base和meta元素。title元素即网页的标题;link元素定义了文档与外部资源的关系,除了CSS外,还有许多的外部资源也通过这一元素引入页面;style元素用于在页面中定义样式;base元素用于标记文档的根本URL地址,还可被用于设置全局的浏览器打开办法,如:<base target="_blank">设置页面中所有的链接均在新窗口中打开
;meta元素是head中各种最丰富的一个元素,虽然它包含了多种多样的元数据,但它被规定了必须包含name(元数据名称),http-equiv(编译指令)和charset(字符编码)三种属性的个中一种。如不肯望页面被抓取并公开时,我们可以在页面中添加名为robots的meta标记,如:<meta name="robots" content="none">,反之则所有都被检索到<meta name="robots" content="all">
。meta元素还能完成诸如刷新、重定向、缓存韶光等功能。
6、HTML5新增了header元素,专门用来表述这样的头部区域,section元素对应不用的内容版块,文章可以用article元向来表示,页面的侧边栏可以用aside元向来表示 ,而且不仅可以放在全体页面的代表侧边栏区域,还能放入section或article中,来容纳一些与版块和文章干系的内容。
7、footer元素和header元素并非区块内容,在这两种元素之内不能再嵌套放入类似section之类的元素。
8、不是所有的笔墨段落都适用p元素,如一段笔墨为联系信息时,则应利用address元素。
9、定义列表的除了有ul和ol外,还有一种更加自定义的形式,它由三种元素的组合而成,分别是dl、dt和dd。
10、内容分组元素figure元素,它紧张用于展示插图、图表、照片、代码列表等。
11、HTML5加入了一种新的内容分组元素,用来指定页面的紧张内容,main元素,每一个页面中最多只能有一个main元素,其余还有像水平分隔线的hr,表示源代码的pre,代表引用的blockquote等都同样属于内容分组元素。
12、在过去HTML版本中,a还可以当成锚点,如<a name="a1"></a>,但在HTML5中把这一特性去掉了,当href属性缺失落时,它被视作一个占位符,而不会显示为一个超链接。
13、span元素是一种常见的文本元素,但如果不对span设置样式,则spqn中的文本和其他的文本看上去不会有任何差异。
14、在HTML5中有两种表示强调的文本元素,分别为em和strong,em元素更多代表语义、语气的加强,而strong则更加强调页面文本的主要性、紧急程度等,浏览器中em默认的显示为斜体,而strong则显示为粗体。
15、big标记的文本显示大于普通的段落文本,而small标记的文本则小于普通 的段落文本;当须要插入某句被引用的话,或者某段笔墨摘录时,可以利用q元素,而当须要插入文献的标题、作者、链接时利用cite元素,q元素默认在头和尾加上双引号,而cite元素默认显示为斜体。
16、表单在制作时须要设置method和action属性,分别用来指定表单提交数据的办法和目的页面;数据提交的办法有两种,get和post,get是把数据放在URL中,以明文的办法发送给后台,它不能传输过大的数据,也不能传输文件类数据,而post是把数据放在数据体内再发给后台,数据不能直接被看到,可传输的数据量较大,以是一样平常都选择利用post办法。
17、在文本输入框可以加入placeholder(占位符)属性,值为框内显示的文本,也可以为input元素添加required属性使该表单项必填,也可以添加autofocus属性使其自动得到焦点,一样平常设置第一个字段。
18、HTML5为input元素增加了很多新的类型,如电话的tel,电子邮件的email,日期的date等。
19、radio表示单选按钮,同一组的单选按钮具有相同的name属性,它的值由value属性决定,checked属性表示该按钮默认选中。如:
<p><label for="sex">性别:</label><input type="radio" name="sex" value="male" checked>男<input type="radio" name="sex" value="female">女</p>
还可以利用分区度更高的fieldset元素,它可以对表单内容的一部分进行打包,天生一组干系的表单字段,它利用legend元素指定标题。
checkbox的input元素为复选框,checked属性为选中状态;select元素天生下拉菜单,元素利用option元素标记。