HTML原则指南
2015-11-15 20:35
375 查看
1、一定要以<doctype>开头
每一个页面都要从一个doctype开始,这样才能让浏览器和验证工具顺利展开工作
任何时候都要使用<!doctype html>,除非你使用的是HTML 4.01或XHTML
2、<html>元素,不能没有它
紧接着doctype,<html>元素必须是web页面的最顶层元素或根元素。
就像这样,所有的其他内容都必须嵌套在<html>元素中
3、<head>、<body>
只有<head>、<body>能直接放在<html>中,言外之意,其他元素都必须放在<head>或,<body>元素中,这也是上面我为什么说所有的元素都必须嵌套在<html>中。
4、在<head>中指定正确的字符编码
在<head>元素中包含一个<meta charset = "utf-8">标记,浏览器会感谢你的,用户在你的博客上阅读世界各地的用户发表的评论时,也会因为你制定了正确的字符编码而感谢你的。
5、没有<title>的<head>算神马?
一定要在<head>中包含<title>元素,这是雷打不动的原则。同时,只能在<head>元素中放置<meta>、<title>、<style>三个元素。
6、嵌套元素时要小心
嵌套元素相当灵活,但是不要做一些没有意义的事。不要把一个<a>嵌套在一个<a>中,另外不允许在<img>等void元素中嵌套其他内联元素。
7、检查属性
有些元素属性是必要的,有些是可选的。比如<img>元素中没有src属性就没有什么意义,考虑到某些情况图片无法显示和一些视力有障碍的用户,他们在使用的屏幕阅读器可以读出alt文本,因此alt元素也是必要的。
每一个页面都要从一个doctype开始,这样才能让浏览器和验证工具顺利展开工作
任何时候都要使用<!doctype html>,除非你使用的是HTML 4.01或XHTML
2、<html>元素,不能没有它
紧接着doctype,<html>元素必须是web页面的最顶层元素或根元素。
<span style="font-size:18px;"><!DOCTYPE HTML> <html> </html></span>
就像这样,所有的其他内容都必须嵌套在<html>元素中
3、<head>、<body>
只有<head>、<body>能直接放在<html>中,言外之意,其他元素都必须放在<head>或,<body>元素中,这也是上面我为什么说所有的元素都必须嵌套在<html>中。
4、在<head>中指定正确的字符编码
在<head>元素中包含一个<meta charset = "utf-8">标记,浏览器会感谢你的,用户在你的博客上阅读世界各地的用户发表的评论时,也会因为你制定了正确的字符编码而感谢你的。
5、没有<title>的<head>算神马?
一定要在<head>中包含<title>元素,这是雷打不动的原则。同时,只能在<head>元素中放置<meta>、<title>、<style>三个元素。
6、嵌套元素时要小心
嵌套元素相当灵活,但是不要做一些没有意义的事。不要把一个<a>嵌套在一个<a>中,另外不允许在<img>等void元素中嵌套其他内联元素。
7、检查属性
有些元素属性是必要的,有些是可选的。比如<img>元素中没有src属性就没有什么意义,考虑到某些情况图片无法显示和一些视力有障碍的用户,他们在使用的屏幕阅读器可以读出alt文本,因此alt元素也是必要的。
相关文章推荐
- xmp标签显示原本html元素
- html 网页文本设计
- XHTML只是规范了的HTML,只需5大注意点
- html中<a>标签中锚点的用法
- HTML 获取控件的值
- HTML DOM 介绍
- 代码验证浏览器是否支持html audio 和video
- html中ul元素水平排列问题
- html中ul元素水平排列问题
- HTML map映射
- “=”号和“:”的区别,Html.Raw()的使用
- HTML Meta标签
- html 内联元素 块元素
- 关于htm和html,shtm与shtml,dhtml,xhtml之间的定义与区别
- HTML 文本格式化
- HtmlHelper
- html/xml转excle
- HTML元素 - input type=hidden
- html meta中的viewport指令
- 【学习笔记】复习html