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

技术知识

HTML5词义化元素你真的用对了吗

HTML5词义元素

词义学是科学研究語言中单词和短语的含意。词义元素=具备实际意义的元素。 词义元素清晰地叙述了它对访问器和开发设计人员的实际意义。 非词义元素的示例:<div>和<span>- 对其內容1没有知。 词义元素的示例:<form>,<table>和<article>- 清晰地界定其內容。 全部当代访问器都适用HTML5词义元素。

HTML5新词义元素

很多网站都包括HTML编码,比如:<div id ="nav"> <div class ="header"> <div id ="footer"> 以标示导航栏,页眉和页脚。 HTML5出示了新的词义元向来界定网页页面的不一样一部分:

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

HTML5 <section>元素

<section>元素界定了1个文本文档中的1个一部分。 依据W3C的HTML5文本文档:“1个一部分是內容的主题排序,一般带有题目。” 首页一般能够分成几个一部分,用于详细介绍,內容和联络信息内容。

<!DOCTYPE html>
     <html>
     <body>
     <section>
       <h1>Java</h1>
       <p>Java是1种普遍应用的测算机程序编写語言,有着混合开发、朝向目标、泛型程序编写的特点,普遍运用于公司级Web运用开发设计和挪动运用开发设计。</p>
     </section>
     <section>
       <h1>PHP</h1>
       <p>PHP(全称:PHP:Hypertext Preprocessor,即“PHP:超文字预解决器”)是1种开源系统的通用性测算机脚本制作語言,特别可用于互联网开发设计并可嵌入HTML中应用。</p>
     </section>
     </body>
     </html>

HTML5 <article>元素

<article>元素特定单独的包括內容。 1篇文章内容自身应当成心义,应当能够从网站的别的一部分单独阅读文章。 <article>可使用元素的示例:

<!DOCTYPE html>
       <html>
       <body>
       <article>
         <h1>Java</h1>
         <p>Java是1种普遍应用的测算机程序编写語言,有着混合开发、朝向目标、泛型程序编写的特点,普遍运用于公司级Web运用开发设计和挪动运用开发设计。</p>
       </article>
       </body>
       </html>

HTML5 <header>元素

<header>元素特定为1个文档或一部分题目。 <header>元素应当用作详细介绍性內容的器皿。 您能够在1个<header>中包括好几个元素。 下列示例界定文章内容的题目:

<!DOCTYPE html>
       <html>
       <body>
       <article>
         <header>
           <h1>Java</h1>
           <p>Java是甚么:</p>
         </header>
         <p>Java是1种普遍应用的测算机程序编写語言,有着混合开发、朝向目标、泛型程序编写的特点,普遍运用于公司级Web运用开发设计和挪动运用开发设计。</p>
       </article>
       </body>
       </html>

HTML5 <footer>元素

<footer>元素特定为1个文档或一部分页脚。 <footer>元件应包括相关它的包括模块信息内容。 页脚一般包括文本文档的作者,版权信息内容,应用条款的连接,联络信息内容等。 您可在1个<footer>中有好几个元素。

<!DOCTYPE html>
       <html>
       <body>
       <footer>
         <p>版权全部</p>
         <p>联络信息内容: <a href="mailto:someone">
         someone</a>.</p>
       </footer>
       </body>
       </html>

 

HTML5 <nav>元素

<nav>元素界定了1组导航栏连接。

<!DOCTYPE html>
       <html>
       <body>
       <nav>
         <a href="#">Java</a> |
         <a href="#">CSS</a> |
         <a href="#">HTML</a> |
         <a href="#">jQuery</a>
       </nav>
       </body>
       </html>

HTML5 <aside>元素

<aside>元件从它被置放在(如侧栏)的內容界定了1些內容。 <aside>內容应是周边的內容。

 

<!DOCTYPE html>
       <html>
       <body>
       <p>Java是1种普遍应用的测算机程序编写語言,有着混合开发、朝向目标、泛型程序编写的特点,普遍运用于公司级Web运用开发设计和挪动运用开发设计。</p>
       <aside>
         <h4>PHP</h4>
         <p>PHP是全球上最好是的語言。</p>
       </aside>
       </body>
       </html>

总结

以上所述是网编给大伙儿详细介绍的HTML5词义化元素你真的用对了吗,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!
假如你感觉本文对你有协助,欢迎转载,烦请注明出处,感谢!



在线客服

关闭

客户服务热线
4008-888-888


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

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