html5语法
html5语法沿用html语法,但更简单,更人性化。
一、DOCTYPE及字符编码
DOCTYPE:<!doctype html>或者<!DOCTYPE html>因为html5语法不区分大小写。
文档指定语言:<html lang="zh-CN">
lang可以指定任意html元素使用的语言,lang的值必须是一个有效的iso语言代码,可访问http://tools.ietf.org/html/bcp47了解更多。需要注意的是处理语言是一个相当复杂和有技术含量的事情。
<p lang="en">Hello - how are you?</p>
<p lang="fr">Bonjour - comment êtes-vous?</>
<p lang="es">Hola - ¿cómo estás?</p>
字符编码:
html5:
<meta charset="utf-8">
html:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
不能同时混合使用两种方式。
css和js加载:<link>和<script>元素不再需要type属性
html5:
<link href="main.css" rel="stylesheet" />
<script src="javascript.js"></script>
html:
<link href="main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript.js"></script>
二、大小写都可以
大小写在html里都可以,但是在xhtml【特别是strict模式】必须严格区分大小写。
为什么html5反而大小写都可以了呢?是为了兼容更多的文档,就不再区分大小写。
三、布尔值
html写法:<input type="checkbox" checked="checked">
html5写法:<input type="checkbox" checked>
html5中增加布尔值,有属性为true,没有属性为false。
四、省略引号
<input type="checkbox">
<input type='checkboc'>
<input type=checkbox>三种写法都可以。
当属性值不包括空字符串、“<”、“>”、"="、单引号、双引号等字符时,属性两边的引号可以省略。
属性有空格当然就必须有单引号或者双引号。
五、可以进行省略的标签
1、不允许写结束符的标签:area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。
举例:正确写法<input/><br/>
2、可以省略结束符的标签:
li,dt,dd,p,rt,optgroup,option,colgroup,thread,tbody,tr,td,th
举例:
html段落:<p>段落</p>
html5段落:<p>段落
3、可以完全省略的标签:
html,head,body,colgroup,tbody
当然没有说可以省略title。
所以下面的写法也是标准的html5文档。
<!doctype html>
<title>test</title>
<form>
<input type="checkbox" checked />
</form>
注意:虽然html5语法很人性化,但是大小写还是建议小写,引号建议使用双引号,可以省略的标签在发送html5邮件时可以把这些<html><body>之类的省略掉,但是通常情况不建议省略。这样做可使文档更加规范。
html5语法的更多相关文章
- bootstrap学习起步篇:初识bootstrap之html5语法构建hello篇(一)
目前选择使用bootstrap作为前端页面模板,是件很省心的事情.官网上给出的实例和教程也很多.在实际使用过程中,我们也许还要借助文档去了解它的元素和样式.但也不能减少我们使用他的兴趣. 我准备将其整 ...
- 让vs2010的html编辑器验证html5语法
或者在Tools -> option -> Text Editor -> Html -> Validation
- html5语法改变
<!doctype html> 简化了 <meta http-equiv="Content-type" content="text/html;chars ...
- HTML5学习笔记简明版(1):HTML5介绍与语法
HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...
- HTML5 学习总结(一)——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- HTML5 与 CSS3 jQuery部分知识总结
一. HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...
- HTML5 学习笔记(一)——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
- HTML5 与 CSS3 jQuery部分知识总结【转】
一. HTML5 为什么需要HTML5 什么是HTML5 HTML5现状及浏览器支持 HTML5优点与缺点 HTML5语法规则与文档声明 HTML5新增表达标签 HTML5多媒体组件 HTML5 ...
- 网站开发中很实用的 HTML5 & jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
随机推荐
- Java Swing快速构建窗体应用程序
以前接触java感觉其在桌面开发上,总是不太方便,没有一个好的拖拽界面布局工具,可以快速构建窗体. 最近学习了一下NetBeans IDE 8.1,感觉其窗体设计工具还是很不错的 , 就尝试一下做了一 ...
- Adaptive Backgrounds – jQuery 自适应背景插件
Adaptive Backgrounds 是一款很特别的 jQuery 插件,可以从图像中提取主导颜色并将它应用到它的父元素.这个插件利用 Canvas 元素和 ImageData 对象.需要注意的是 ...
- Spring------概述
Spring框架------概述: spring是j2ee应用程序框架,是轻量级的IOC和AOP的容器框架,主要是针对JAVABean的生命周期进行管理的轻量级容器,可以单独使用,也可以和Struts ...
- java类 对象 和构造方法
github地址:https://github.com/lily1010/java_learn/tree/master/dog java中对象和类 java中万物皆对象,比如说动物,里面有猫,狗,鱼等 ...
- 优秀的CSS框架---bootstrap
Bootstrap是Twitter推出的一个用于前端开发的开源工具包.它 由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.现在在网上已经有 ...
- 一次简单的分析手机APK病毒木马
写个笔记记录一下,起因是朋友在QQ上发了个连接叫我看看 安不安全,叫我帮他看看,反正在店里待着也没生意,那就顺便看看咯. 打开这个网址 会自动弹出下载一个名为OOXX的APK安装包. 起先我的思路是 ...
- linux命令学习使用记录
1.文件批量重命名:把所有.xml文件重命名.txt,第一个参数为文件名中字符串,第二个参数为替换后文件名,第三个为当前目录文件列表 rename .xml .txt *.xml 2.解压不显示过程: ...
- Sharepoint学习笔记—习题系列--70-576习题解析 -(Q69-Q71)
Question 69 You are designing an extranet site using SharePoint 2010. This site must allow employees ...
- iOS多线程中,队列和执行的排列组合结果分析
本文是对以往学习的多线程中知识点的一个整理. 多线程中的队列有:串行队列,并发队列,全局队列,主队列. 执行的方法有:同步执行和异步执行.那么两两一组合会有哪些注意事项呢? 如果不是在董铂然博客园看到 ...
- Android之Splash页面
在继上个任务没有解决之后,心灰意冷之后,现在的我在跟着视频学习开发一个手机卫士的软件.在写自己的笔记之前,我先来展示一下我的结果. 下面我来总结一下我跟随视频学习到的知识点: 一.代码的组织结构: 1 ...