学做网站培训课程介绍

当前位置:

HTML5书写规范

HTML5相对于之前的HTML版本,书写HTML5 的规范更加严格。我们在使用HTML5做网站时,一定要按照这些书写规范进行书写。

HMTL5书写规范

  • HTML声明:<!DOVTYPE html></html> 定义基本html5格式网页。
  • Content-Type:用户标记文件类型和网页编码。
  • 代码缩进,使用Tab键。
  • 标签通常是成对出现的,一开一关。
    • <head></head> 头部标签,一个基本html格式的必须元素。
    • <meta/> 标签定义页面的基本元素。在html中没有结束标签。
    • <title></title> 标题,网页不可缺的一部分。
    • <link></link> 引入的样式文件
    • <script></script> 引入的脚本文件
    • HTML img标签也必须闭合
  • 标签与它的属性都必须小写。
  • 所有的标签必须合理嵌套。

HTML对于嵌套要求较严格,标签存在一定的语义性,需要根据标签自身的属性来进行合理嵌套。

例如:<p>标签(paragraph)是用来定义段落的,就不用它来布局;像以下这样的是不对称的,这样是错误的。

<div><span><em>学做网站论坛</span></em></div>

具体的HTML5嵌套规则:

  • 1)body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素。(相关知识:HTML行内元素和块状元素有哪些?以及区别
  • 2)ins和del(行内元素)可以包含块状元素或者行内元素,其他任意行内元素都不允许包含块状元素
  • 3)p、h1-h6可以直接包含行内元素和文本信息,但是不允许包含块状元素
  • 4)dl元素只允许包含dt和dd,同时dt不能包含块状元素,只允许包含行内元素,对于dd可以包含任意元素
  • 5)form元素不能够直接包含input元素。原因在于input元素属于行内元素,form元素仅仅能够包含块状元素
  • 6)table元素只能够包含caption、colgroup、col、thead、tbody、tfoot,不能够直接包含tr或者其他任意元素

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • canvas是html5中比较重要的一个标签,canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • DW 如何创建HTML5网页 图文教程 (127881 次浏览)
    HTML5现在已经成为网页的主流,在使用DW软件新建网页时,我们可以直接去新建一个HTML5页面来编辑。(相关知识:html5从入门教程)DW 创建HTML5格式
  • CSS 语法,CSS书写方法 视频教程 (111029 次浏览)
    我们使用CSS就一定要按照它规定的书写方法去书写,否则不会被识别,通常情况下CSS书写的内容包括:选择器+声明。每条声明由一个属性和一个值组成。
  • HTML5书写规范 (115691 次浏览)
    HTML5相对于之前的HTML版本,书写HTML5 的规范更加严格。我们在使用HTML5做网站时,一定要按照这些书写规范进行书写。HMTL5书写规范 HTML声明
  • css样式书写顺序 图文教程 (116910 次浏览)
    在自己建网站时,我使用使用CSS样式来控制HTML的显示样式。css样式中有很多的样式属性,在书写css样式时,需要按照一定的Web前端开发规范进行书写,有
  • 网站文件位置存放规范 图文教程 (117579 次浏览)
    一个网站由大量的文件组成的,为了在学习怎么做网站过程中,让整个网站的结构清晰,方便以后的维护。我们在网站文件位置存放也需要按照一定的规范。
  • CSS中Class与ID的使用规范 图文教程 (117251 次浏览)
    学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么