`

w3c网站第三次的学习总结HTML篇01

阅读更多

       虽说HTML对我来说已经很熟了,但说到精通还真谈不上。当初刚毕业去一家公司面试的时候,那个经理就问我,你简历上怎么说你HTML是精通的呢?怕被问着,就拐了弯回答了,我说:“要说精通,即使是工作几年出来的,也不见得能精通。我之所以写上精通,那是我对自己的期望,是我的一个目标,也是我的信心所在,我迟早要拿下它。”。哈哈,当时,也没说这么的文艺,但总体就是这样,我一定要精通它。(结果呢?我被录了,进了无线部门,一个当今互联网既活跃又火热的一个领域)大笑

       不说那么多了,切入正题,上个星期主要是对HTML的学习。由于这次学习还是比较细致的,所以进度就有点慢,但是是值得的。本人一边学习,一边思考,遇到不懂的就求救于互联网或思考看书。

       由于学习的顺序是从前至后的,而且有时是学到哪里,突然又想到与其有关联的知识,就顺便一起总结了。个人的总结就是文字特别多,没有什么图文,大概也只有自己看得懂了,总结的目的也只是在以后再次温习的时候能有个准星。下面就逐条陈述吧吐舌头

      1.HTML是一种标记语言而不是一门编程语言。这里就谈谈我个人的一些观点,标记语言与编程语言的区别吧。a.编程语言有自己的一套严格的语法规则,而且在编译阶段就能查出语法的错漏点;标记语言也有自己的一套语法规则,但我所以为那也只能算是规则吧,只要按照规则走,没有不对的;b.编程语言需要有自己的编译平台来编译运行,而标记语言只要在有浏览器的地方就能正常运行;c.用编程语言所做的是一项创造性工程,而标记语言只是一种工具,用来显示数据的工具。我所对编程语言与标记语言的区别的认识大概也只能谈到这里了,如果有哪位同仁有更好的见解,欢迎提出。

      2.创建一个HTML文档就是这么简单。之前有和同事讨论HTML的问题,同事说创建一个HTML文档很简单嘛!建立一个标准记事本文档,写入你想要在网页中呈现的文本数据,然后再改下文档扩展名。这样,就建立了一个HTML文档了,在浏览器中打开,即为一个网页了。确实,创建一个HTML文档就是这么地简单。

      3.HTML语言除了有自己的标签外,开发者还可以定义自己的标签。开发者可以自定义自己的标签,不过你所定义的标签都将被以行内标签来处理。如你定义了一个标签<h7>,那么个标签之间的文字会以正常文本显示。如果你只写了开始标签,而忘记写结束标签,那么,恭喜你,文本仍能在浏览器中正常显示。但是,如果开始标签或结束标签有些错的话(如忘记写右尖括号),这段文字将被当作“垃圾”处理掉,也就是不会再浏览器中显示。这也说明HTML语言的松散性。

      4.img标签的width和height属性值(带有小数的),各浏览器的渲染效果不一样。对于HTML的img标签,我想是每个web开发者用到的最多的标签之一吧。但是,当给img标签的属性width和height设置小数属性值时,各浏览器的渲染效果是不一样的,所以在这里建议:出于兼容性方面的考虑,在设置img的width和height值时,尽量设为整数。

      5.HTML文档中的元素指的是那部分?HTML中的元素是指从开始标签(start tag)到结束标签(end tag)的所有代码。另外,在开始标签和结束标签之间的内容被称为HTML元素的内容。如果元素没有内容,就是空元素。空元素是在开始标签中关闭的。

      6.HTML标签没有结束标签可以吗?前面说过HTML文档的语法不是那么地严格,就是说一个标签没有结束标签也是可以的。但由w3c提供的建议,大多数浏览器都可以接受没有结束标签的情况,但是不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。并且未来的HTML版本将不允许没有结束标签这种情况。

      7.HTML文档对标签的大小写敏感吗?在HTML文档中对于标签的大小写没有限制,就是说<P>和<p>标签等同。但w3c在HTML4.01中推荐使用小写,而且在未来的版本中强制使用小写。

      8.<meta>标签的重要性不容忽略。我想<meta>标签是经常被大家忽略的标签,主要原因是在平时的开发中用到的不多,而且比较固定。但它还是非常重要的。用好了,你会得到意想不到的好的结果的。它用来描述一个HTML网页文档的属性,如作者、日期和时间、网页描述、关键词、页面刷新等。这一块我也会在以后专门搞一个专题来思考总结(其中有一些小技巧,如如何定时刷新页面,设置网页过期时间,搜索引擎优化等等)。

      9.HTML中常用的属性。大多数HTML元素常用到的属性有class,id,style,title,alt等等。class属性主要用在css的选择器中,它的具体运用将在css思考和总结中再做进一步总结;id属性设置一个网页的唯一id,通常用来定位;style定义行内样式,对于行内样式,外部样式以及引用样式的优先级等将在之后总结(也有关于一些问题的总结)。

      10.元素的分类有哪些呢?如行内元素和块级元素,行内元素及块级元素的用法及总结将在之后介绍。

      11.用h标签来设置标题是很重要的。搜索引擎会使用标题为您的网页结构和内容编制索引。用户可通过标题快速浏览您的网页,建议将h1用作主标题,h2用作次标题,再次为h3标题。

      12.HTML中多余空格的处理。在HTML中,多余的空格和换行在浏览器中将被显示为一个空格,如果想要保持输出的格式不变,就要用到预格式文本了<pre></pre>。

      13.HTML中还有一些生僻的标签。这些标签很少会用到,但在这里也做下总结,方便以后查看:a.专门输出计算机代码的标签,如<code>Computer code</code>,<kbd>Keyboard input</kbd>,<tt>Telttype text</tt>,<samp>Sample text</samp>,<var>Computer variable</var>。b.改变文字的显示方向,<bdo dir="rtl">Here is some Hebrew text</bdo>。c.引用虽然在平时不多用,但在关键时刻还真能起到作用,如你想用<ul>标签做个列表什么的,就可以考虑使用引用。<blockquote>这是长的引用</blockquote>,<q>这是短的引用</q>。长引用会为内容插入换行和外边距,而标签不会有任何特殊的呈现。

       今天先总结到这里,下周精彩继续。酷

分享到:
评论

相关推荐

    w3c标准html5手册完整版

    HTML5是Web开发领域的一个重要里程碑,它是W3C(万维网联盟)制定的下一代超文本标记语言标准。这个“w3c标准html5手册完整版”包含了丰富的信息,不仅涉及HTML5,还包括XHTML、JQuery、JavaScript、CSS以及SQL等...

    w3c标准html5手册.chm

    3. **媒体元素**:HTML5的`&lt;audio&gt;`和`&lt;video&gt;`元素使得在网页上直接嵌入音频和视频成为可能,不再需要Flash等第三方插件。开发者可以使用这些元素来控制播放、暂停、音量等,同时提供多种格式的源文件以兼容不同的...

    w3c指导手册

    3. **媒体元素**:和元素的加入使得网页可以直接内嵌音频和视频内容,无需依赖Flash或其他第三方插件。 4. **Canvas与SVG**:HTML5的元素为动态图形和交互式图表提供了画布,而则支持向量图形,两者都增强了网页的...

    HTML手册W3C中文参考手册大集合

    CSS3则是层叠样式表的第三次重大更新,它带来了许多新的选择器、模块和效果。例如,媒体查询(Media Queries)实现了响应式设计,使得网站能根据设备特性自动调整布局。边框和背景的新特性,如圆角(border-radius)...

    w3c标准html5中文参考手册

    2. **多媒体支持**:HTML5新增了和元素,使得在网页中内嵌视频和音频内容变得更加直接,不再依赖Flash等第三方插件。 3. **离线存储**:通过离线存储机制(Application Cache),HTML5允许网页在用户离线时也能访问...

    W3C Mike Smith演讲PPT

    W3C,即万维网联盟,是制定全球Web标准的权威机构,其HTML5工作组的领军人物Mike Smith在"HTML5 in China"活动中强调了HTML5的重要性,特别是对于中国市场的潜力。首届HTML5原创游戏大赛的启动,进一步彰显了HTML5在...

    收集展现web技术教程的W3C联盟系统.zip

    【标题】"收集展现web技术教程的W3C联盟系统.zip"揭示了这是一份关于Web技术教育的资源集合,特别关注W3C联盟的相关知识。W3C,全称World Wide Web Consortium(万维网联盟),是互联网标准的主要制定者,致力于确保...

    w3school中文版

    学习HTML是构建任何Web项目的第一步,它提供了网站的基础框架。 CSS(层叠样式表)是另一个关键知识点,用于控制网页的外观和布局。通过CSS,开发者可以实现颜色、字体、布局和响应式设计等视觉效果。w3school的CSS...

    CSS.JS.HTMLJquer.w3c手册集合

    CSS2、CSS3、HTML5等规范都由W3C制定。遵循这些规范可以确保代码的兼容性和可访问性,提升网站的质量。 综上所述,这个压缩包集合了从基础到进阶的Web开发必备手册,无论是对初学者还是经验丰富的开发者,都是极具...

    HTML5+CSS3 W3C规范 chm版中文参考手册

    CSS3则是Cascading Style Sheets的第三次重大升级,它带来了许多新特性: 1. **选择器增强**:如`:nth-child()`、`:not()`、`:checked`等,让样式规则更精确。 2. **多列布局**:`column-count`、`column-gap`等...

    HTML5+CSS3.0 W3C规范 chm版中文参考手册

    CSS3(层叠样式表)是CSS的第三个主要版本,它扩展了样式表现的广度和深度,提供了更多设计可能性: 1. **选择器增强**:CSS3引入了更强大的选择器,如属性选择器、伪类和伪元素,使样式应用更加精确。 2. **多列...

    w3cn.org第一版网站整体打包

    【描述】"web标准建站学习,新手用"表明该压缩包的内容是为初学者设计的,旨在教授Web开发的基本原则,尤其是关注符合W3C(万维网联盟)定义的Web标准。Web标准主要包括HTML、CSS和JavaScript等技术的正确使用,以及...

    web开发初学者学习好工具W3C.CHM

    《web开发初学者学习好工具W3C.CHM》是一个为Web开发新手量身打造的资源集合,其中包含了丰富的学习资料。W3C.CHM文件通常包含W3Schools在线教程的离线版本,这是一个非常知名的Web技术学习平台,提供HTML、CSS、...

    收集展现web技术教程的W3C联盟系统【站长亲测】

    描述中的“短信是对接短信宝的,充值可收款码后台审核”这部分内容可能是指该系统包含了与第三方服务——短信宝的集成,用于发送短信通知或验证功能。短信宝通常是一种云通讯服务,提供短信发送API,用于网站用户...

    W3C联盟系统v2.0_采用UIkit框架

    W3C联盟系统是一个收集展现web技术教程等系统,完美的展现给用户最好的简单学习一的一面,布局等优化借鉴了菜鸟教程的精华,在线调试预览 用户体验放到第一位,非常符合当代站长的阅读学习等,主要使用功能等在详细...

    w3c标准html5手册+css3.0参考手册

    W3C(万维网联盟)是定义这两项标准的主要机构,确保了跨浏览器和设备的一致性。 **HTML5**,全称HyperText Markup Language第五版,是对HTML4.01的重大升级。它引入了许多新特性,旨在提高网页的可用性和互操作性...

    最新w3c 手册 含html5

    HTML5是超文本标记语言(HyperText Markup Language)的第五次重大修订,它是Web开发的标准,由W3C(万维网联盟)制定并推广。这个版本的HTML旨在提高标准的可用性、可访问性和互操作性,同时引入了新的元素和APIs,...

    HTML5 CSS3 W3C规范中文参考手册(CHM)

    CSS3则是层叠样式表的第三次重大升级,它带来了许多新特性,增强了网页设计的灵活性和表现力。CSS3的模块化设计允许开发者选择性地引入所需功能,如选择器(Selectors)、边框与背景(Borders and Backgrounds)、...

Global site tag (gtag.js) - Google Analytics