gzyueqian
13352868059

粤嵌HTML5教程分享 初学者必读的前端知识(上)

更新时间: 2017-11-06 16:14:55来源: 粤嵌教育浏览量:2793

  什么是前端工程师?前端工程师的职责是制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。成为一名前端工程师之前,粤嵌HTML5教程分享的这些你一定要看。

  前端开发的核心是HTML + CSS + Java。本质上它们构成一个MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),Java负责调度数据和实现某种展现逻辑(Controller)。

  1、HTML标签的分类:标签表示一个元素

  按性质划分: Block-Level和Inline-Level,这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。常见的块级元素有:DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。


  按语义划分:

  Headings: h1, h2, h3, h4, h5, h6

  Paragraphs: pText

  Formatting: em, strong, sub, del, ins,

  smallLists: ul, li, ol, dl, dt,

  ddTables: table, thead, tbody, tr, th, tdForms and

  Input: form, input, select, textareaOthers: div, span, a, img,

  HTML5: header, footer, article, section,

  2、XHTML

  XHTML于2000年的1月26日成为W3C标准。W3C将XHTML定义为的HTML版本。XHTML将逐渐取代HTML。XHTML是通过把HTML和XML各自的长处加以结合形成的。XHTML语法规则如下:

  属性名和标签名称必须小写

  属性值必须加引号

  属性不能简写

  用Id属性代替name属性

  XHTML元素必须被正确地嵌套

  XHTML元素必须被关闭

  3、标签的语义化为表达语义而标记文档,而不是为了样式,结构良好的文档可以向浏览器传达尽可能多的语义,不论是浏览器位于掌上电脑还是时髦的桌面图形浏览器。结构良好的文档都能向用户传达可视化的语义,即使是在老的浏览器,或是在被用户关闭了 CSS 的现代浏览器中。同时结构良好的HTML代码也有助于搜索引擎索引你的网站。

  不要使用table布局,table是用来表格显示的。

  不要到处滥用div标签,div是用来分块用的

  不要使用样式标签,如font, center, big, small, b, i,样式可以用CSS来控制,b和i可以用strong和em来代替。

  不要使用换行标签和空格来控制样式,

  了解更多的HTML5教程请关注粤嵌教育培训官网,想学习专业的前端开发技术也可以点击在线咨询,了解粤嵌前端课程。




免费预约试听课