HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML5页面属性和元素——全局属性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

全局属性

全局属性是指任何元素都可以使用的属性,下面详细介绍常用全局属性用法

1、hidden属性

属性规定元素是否隐藏,隐藏的元素将不再显示。该属性有两个值:true和false

2、spellcheck属性

spellcheck属性规定是否对元素内用进行拼写检查,它可以对以下文本进行拼写检查:

a、textarea元素中的值

b、类行为text的input元素中的值(非密码)

c、可编辑元素中的值

spellcheck属性有两个值:true和false

注:拼写检查就是最词汇、单词进行检查,@L_618_12@的词汇将会通过下划线等形式表示出来,形如word里面的拼写检查

3、contenteditable属性

contenteditable属性规定元素内容是否可编辑,但是前提是该元素必须可以获得鼠标焦点并且其内容不是只读的

4、draggable属性

draggable属性用来指定元素是否可以拖动,该属性经常用语拖动操作,一般情况下只有链接和图像是可拖动的。但是目前只有Firefox、chrome和Safari浏览器支持draggable属性

另外,如果想真正实现拖动功能,需要与javascript脚本相结合

结构元素

1、header元素

用于定义文档页眉或介绍信息。比如网站首页头部内容一般都包含标题logo图片搜索内容等,使用该元素可以替换<div id="header">的标签

2、article元素

定义独立于文档的其他部分的内容,表示页面中一块与上下文不相关的独立部分。该元素常用例子是论坛帖子、报纸文章用户评论等,通常会和多个section元素配合使用,一个页面上article元素可以出现多次。

3、aside元素

aside元素定义其所处内容之外的内容,是与文档主要内容有关的附属信息部分,常用例子比如引用、备注、注释、侧边栏和广告等有别于主要内容的部分

<header>
      <div>
           <h1>Acer淘宝站</h1>
           <aside>提供最新、最全的Acer笔记本资讯</aside>
      </div>
</header>

上述代码运行后样式如下:

                         Acer淘宝站

                                                 提供最新、最全的Acer笔记本资讯

4、footer元素

footer元素用来定义section或document的页脚,表示一个页面一个区域的底部。一般情况下如果使用footer来插入联系信息,应该在元素内部使用address元素

典型情况下,该元素会包含作者姓名、文档创作日期或者联系信息等内容。使用footer可以替换原来的<div id="footer">标签

大佬总结

以上是大佬教程为你收集整理的HTML5页面属性和元素——全局属性全部内容,希望文章能够帮你解决HTML5页面属性和元素——全局属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。