全国服务热线:4008-888-888

技术知识

HTML标识词义化(含H5)

详细介绍

HTML是出示网页页面文本文档內容的左右文构造和含意;HTML自身是沒有主要表现的,大家看到的比如<H3>是粗体,字号为2em;<strong>的加粗,不必觉得这些是html的主要表现,这是html的默认设置款式在起功效,因此大家要了解html和网页页面的主要表现是沒有关联的,主要表现是CSS的事。html在网页页面中的功效是构造、含意,简言之便是区划內容,这里放甚么,大家放的是甚么。

构造化

1个网页页面比作房屋,那HTML便是钢筋混凝土的墙,房盖房梁1样的架子;而CSS便是装饰设计原材料,地板油漆1类的物品。好的网页页面构造便是在沒有CSS装饰设计的状况下,网页页面构造仍然清楚明了,房子仍然可现。而人们常说的DIV+CSS,只是通俗化的说法,其实不是通篇的DIV,记牢:DIV并不是神!

词义化

HTML是1种对文字內容和实际意义(即词义)的填补说法。它会告知大家说:“这行是1个题目,这几行构成1个段落,这是1个新项目目录,那是1个连接。”而并不是来告知大家:“这些字是蓝色的,那些又是鲜红色的,这一部分內容靠右,这几个是斜体。”这些是CSS的工作中。总而言之:HTML告知大家1块內容是甚么(或其实际意义),而并不是它长甚么模样。


拷贝编码
编码以下:

<!--未词义化-->
<div id="header">
<div class="H3">前砖攻城师</div>
<div class="h2">搭积木也要玩造型艺术</div>
</div>
<!--词义化以后-->
<div id="header">
<H3>前砖攻城师</H3>
<h2>搭积木也要玩造型艺术</h2>
</div>

词义化的益处?

  1. 去掉款式能让网页页面构造展现清楚
  2. 显示屏阅读文章器会按标识“读”你的网页页面
  3. 有利于SEO
  4. 便于精英团队开发设计和维护保养

附:HTML5新增元素

标识 含意 与html4对比 <article> 标识界定外界的內容。例如来自1个外界的新闻出示者的1篇新的文章内容,或来自 blog 的文字,或是来自论坛的文字。亦或是来自别的外界源內容 HTML5:<article></article>
HTML4:<div></div> <section> 标识界定文本文档中的节(section、区间)。例如章节、页眉、页脚或文本文档中的别的一部分。 HTML5: <section></section>
HTML4: <div></div>
<aside> 标识界定 article 之外的內容。aside 的內容应当与 article 的內容有关。 HTML5:<aside>Aside 的內容是单独的內容,但应与文本文档內容有关。</aside>
HTML4:<div>Aside 的內容是单独的內容,但应与文本文档內容有关。</div> <header> 标识界定 section 或 document 的页眉。 HTML5: <header></header>
HTML4: <div></div> <footer> 标识界定 section 或 document 的页脚。典型地,它会包括原创者的名字、文本文档的创作时间和/或联络信息内容。 HTML5: <footer></footer>
HTML4: <div></div> <hgroup> 标识用于对网页页面或区间(section)的题目开展组成。 HTML5: <hgroup></hgroup>
HTML4: <div></div> <nav> 标识界定导航栏连接的一部分 HTML5: <nav></nav>
HTML4:<ul></ul> <canvas> 标识界定图型,例如图表和别的图象。这个 HTML 元素是以便顾客端矢量图型而设计方案的。它自身沒有个人行为,但却把1个制图 API 呈现给顾客端 JavaScript 以使脚本制作可以把想绘图的物品都绘图到1块画布上。 HTML5:<canvas id="myCanvas" width="200" height="200"></canvas>
HTML4:<object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"></object> <video> 标识界定视頻,例如电影片断或别的视頻流。 HTML5: <video src="movie.ogg" controls="controls">您的访问器不适用 video 标识。</video>
HTML4:<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object> <audio> 标识界定响声,例如歌曲或别的声频流。 HTML5:<audio src="someaudio.wav">您的访问器不适用 audio 标识。</audio>
HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object> <embed> 标识界定嵌入的內容,例如软件。 HTML5: <embed src="horse.wav" />
HTML4: <object data="flash.swf"  type="application/x-shockwave-flash"></object> <source> 标识为媒体元素(例如 <video> 和 <audio>)界定媒体資源。 HTML5: <source>
HTML4: <param> <datalist> 标识界定可选数据信息的目录。与 input 元素相互配合应用,便可以制做出键入值的往下拉目录。 HTML5: <datalist></datalist>
HTML4: none <details> 标识界定元素的细节,客户可开展查询,或根据点一下开展掩藏。与 <legend> 1起应用,来制做 detail 的题目。该题目对客户是可见的,当在其上点一下时可开启或关掉 detail。 HTML5: <details></details>
HTML4: <dl style="display:hidden"></dl> <summary> 标识包括 details 元素的题目,”details” 元素用于叙述相关文本文档或文本文档片断的详尽信息内容。”summary” 元素应当是 “details” 元素的第1个子元素。 HTML5: <details><summary>HTML 5</summary>This document teaches you everything you have to learn about HTML 5.</details>
HTML4: none <figure> 标识用于对元素开展组成。应用 <figcaption> 元素为元素组加上题目。 HTML5: <figure><figcaption>PRC</figcaption><p>The People's Republic of China was born in 1949...</p></figure>
HTML4: <dl><H3>PRC</H3><p>The People's Republic of China was born in 1949...</p></dl> <figcaption> 标识界定 figure 元素的题目。”figcaption” 元素应当被置于 “figure” 元素的第1个或最终1个子元素的部位。 HTML5: <figure><figcaption>PRC</figcaption></figure>
HTML4: none <mark> 关键用来在视觉效果上向客户展现那些必须突显的文本。<mark>标识的1个较为典型的运用便是在检索結果中向客户高亮度显示信息检索重要词。 HTML5: <mark></mark>
HTML4: <span></span <meter> 标识界定衡量衡。仅用于已知最大和最少值的衡量。务必界定衡量的范畴,既能够在元素的文字中,还可以在 min/max 特性中界定。 HTML5: <meter></meter>
HTML4: none <output> 标识界定不一样种类的輸出,例如脚本制作的輸出。 HTML5: <output></output>
HTML4: <span></span> <progress> 标识运作中的过程。可使用 <progress> 标识来显示信息 JavaScript 中消耗時间的涵数的过程。 HTML5: <progress></progress>
HTML4: none <time> 标识界定时间或時间,或二者。 HTML5: <time></time>
HTML4: <span></span> <keygen> 标识用于对网页页面或区间(section)的题目开展组成 HTML5: <keygen>
HTML4: none <command> 标识界定指令按钮,例如单选按钮、复选框或按钮。 HTML5: <command onclick=cut()" label="cut">
HTML4: none

 



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服