TechQA.

(Foundation 5) Are floating attributes without = signs in HTML tags same as with equals sign?

99 views Asked by Philip Nguyen At 2015-06-22T01:44:21+00:00 22 June 2015 at 01:44 2025-12-21T04:23:43+00:00

Are the following treated the same in foundation 5?

<nav class="top-bar" data-topbar role="navigation">

<nav class="top-bar" data-topbar="" role="navigation">

I am asking because I am using Scala to produce HTML from the backend. I am not sure if I can use Scala to produce HTML like this <nav class="top-bar" data-topbar role="navigation">

This all kind of stems me looking at this example and seeing that data-topbar doesn't have an ="stuff" http://foundation.zurb.com/docs/components/topbar.html

javascript html css zurb-foundation-5
Original Q&A
1

There are 1 answers

2
ajmajmajma ajmajmajma On 2015-06-22T01:54:47+00:00 22 June 2015 at 01:54

It's a custom attribute, so are you are really saying is it's empty by either doing

data-topbar 

or

 data-topbar=

They are most generally used to for javascript to get values from. Like you could use jquery to do something like

$(".top-bar").attr("data-topbar");

You can checkout more on custom attributes here - https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Related Questions in JAVASCRIPT

  • Using Puppeteer to scrape a public API only when the data changes
  • inline SVG text (js)
  • An array of images and a for loop display the buttons. How to assign each button to open its own block by name?
  • Storing the preferred font-size in localStorage
  • Simple movie API request not showing up in the console log
  • Authenticate Flask rest API
  • Deploying sveltekit app with gunjs on vercel throws cannot find module './lib/text-encoding'
  • How to request administrator rights?
  • mp4 embedded videos within github pages website not loading
  • Scrimba tutorial was working, suddenly stopped even trying the default
  • In Datatables, start value resets to 0, when column sorting
  • How do I link two models in mongoose?
  • parameter values only being sent to certain columns in google sheet?
  • Run main several times of wasm in browser
  • Variable inside a Variable, not updating

Related Questions in HTML

  • How to store a date/time in sqlite (or something similar to a date)
  • How to use custom font during html to pdf conversion?
  • Storing the preferred font-size in localStorage
  • mp4 embedded videos within github pages website not loading
  • Scrimba tutorial was working, suddenly stopped even trying the default
  • Is there any way to glow this bulb image like a real light bulb
  • With non-graphical maps in Leaflet, zoomDelta doesn't work
  • What can I do to improve my coding on both html and css
  • Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
  • Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
  • Displaying a Movie List on a Website Using Jinja2 and Bootstrap
  • How to redirect to thank you page after submitting a Google form embedded into a Google Site?
  • Storing selected language in localStorage
  • Fences (parenthesis, braces) in HTML and MathML
  • Understanding Scroll Anchoring Behavoir

Related Questions in CSS

  • How to use custom font during html to pdf conversion?
  • Storing the preferred font-size in localStorage
  • mp4 embedded videos within github pages website not loading
  • Is there any way to glow this bulb image like a real light bulb
  • What can I do to improve my coding on both html and css
  • Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
  • Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
  • How to increase quality of mathjax output?
  • Hover animation resetting( seemingly reverting back to original CSS and then again to hover)when moving mouse horizontaly accross a part of an element
  • Storing selected language in localStorage
  • How to clip grid cell and provide scroll as well?
  • KeyboardAvoidingView makes a messy the flexbox
  • Rotate an object around another object in javascript
  • Understanding Scroll Anchoring Behavoir
  • how to use only block layout in this css code?

Related Questions in ZURB-FOUNDATION-5

  • Need help adjusting Foundation 5 CSS top-bar breakpoint
  • The foundation 5 docs on get.foundation/sites/docs/v/5.5.3/ are not available anymore
  • Center elements on Zurb Foundation Top-Bar
  • How to change the medium breakpoint in Foundation 5
  • unable to use accordion in foundation 5
  • Foundation 5 accordion not working on touch
  • Foundation 5 responsive menu breaking point
  • Foundation - foundation.topbar.js not found
  • Find out which close button closed an alertbox
  • Loading external page into my web page change the layout
  • How to get text render columns horizontally in foundation CSS?
  • Vertical align a column in foundation 5
  • Why does data-table table last header not align with last column?
  • Order right column between two divs on left column in Foundation
  • Why is my event on body called before event on specific element?

Popular Questions

  • How do I undo the most recent local commits in Git?
  • How can I remove a specific item from an array in JavaScript?
  • How do I delete a Git branch locally and remotely?
  • Find all files containing a specific text (string) on Linux?
  • How do I revert a Git repository to a previous commit?
  • How do I create an HTML button that acts like a link?
  • How do I check out a remote Git branch?
  • How do I force "git pull" to overwrite local files?
  • How do I list all files of a directory?
  • How to check whether a string contains a substring in JavaScript?
  • How do I redirect to another webpage?
  • How can I iterate over rows in a Pandas DataFrame?
  • How do I convert a String to an int in Java?
  • Does Python have a string 'contains' substring method?
  • How do I check if a string contains a specific word?

Trending Questions

  • UIImageView Frame Doesn't Reflect Constraints
  • Is it possible to use adb commands to click on a view by finding its ID?
  • How to create a new web character symbol recognizable by html/javascript?
  • Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
  • Heap Gives Page Fault
  • Connect ffmpeg to Visual Studio 2008
  • Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
  • How to avoid default initialization of objects in std::vector?
  • second argument of the command line arguments in a format other than char** argv or char* argv[]
  • How to improve efficiency of algorithm which generates next lexicographic permutation?
  • Navigating to the another actvity app getting crash in android
  • How to read the particular message format in android and store in sqlite database?
  • Resetting inventory status after order is cancelled
  • Efficiently compute powers of X in SSE/AVX
  • Insert into an external database using ajax and php : POST 500 (Internal Server Error)
  • Privacy
  • Terms
  • Cookies
  • Homegardensmart
  • Aftereffectstemplates
  • Jogjafile